fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

position on the archive page

Wolf Kilian Stephan

Hello everyone,

when I use the setting option “Display position” – “Before the “Add to cart” button”,
the variations are displayed as follows:

<div class=”wvs-archive-variations-wrapper wvs-pro-loaded” … style=”position: static;”>…</div>

<div class=”astra-shop-summary-wrap”>
<h2 class=”woocommerce-loop-product__title”>…</h2>
<div class=”star-rating”>…</div>
<div class=”ast-woo-shop-product-description”>…</div>
<span class=”price”>…</span>
<a class=”button wp-element-button product_type_variable add_to_cart_button wvs-add-to-cart-button wvs_ajax_add_to_cart” …</a>
</div>

If I use the other option “After the “Add to cart” button”, the positioning looks like this:

<div class=”astra-shop-summary-wrap”>
<h2 class=”woocommerce-loop-product__title”>…</h2>
<div class=”star-rating”>…</div>
<div class=”ast-woo-shop-product-description”>…</div>
<span class=”price”>…</span>
<a class=”button wp-element-button product_type_variable add_to_cart_button wvs-add-to-cart-button wvs_ajax_add_to_cart” …</a>
</div>

<div class=”wvs-archive-variations-wrapper wvs-pro-loaded” … style=”position: static;”>…</div>

However, I would like to position the tool directly before the price and the “Add to cart” button, like this:

<div class=”astra-shop-summary-wrap”>
<h2 class=”woocommerce-loop-product__title”>…</h2>
<div class=”star-rating”>…</div>
<div class=”ast-woo-shop-product-description”>…</div>
<div class=”wvs-archive-variations-wrapper wvs-pro-loaded” … style=”position: static;”>…</div>
<span class=”price”>…</span>
<a class=”button wp-element-button product_type_variable add_to_cart_button wvs-add-to-cart-button wvs_ajax_add_to_cart” …</a>
</div>

Can you help me how I can do this?

Best regards!

Hakik Zaman

Hi Wolf Kilian,

Thanks for reaching out to us. Contact your theme support and ask for an action hook after the ast-woo-shop-product-description markup.

Please don’t ask for swatch plugin support from the theme support. Just ask for an action hook.

Hope to hear from you soon.

Thank You

Wolf Kilian Stephan

Hello Hakik,
thank you very much for this first helpful tip. Now I know how to create a hook.

And I found the shortcode “[wvs_show_archive_variation]” in the documentation. Now I know what I need to know! THANK YOU!

Greetz