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

Variation images and swatches

ilyas mussin

Hey there Assalaamu ‘alaykum. I have the following three questions:

  1. I remember I was discussing the additional variation images plugin with you guys a couple of years ago and now you have created one which is awesome! I’ve been using the WooCom extension but they disabled some hooks with new updates so I was wondering if your plugin offers hooks and triggers that we could use: woocommerce.com/document/woocommerce-additional-variation-images/#section-8. Basically, I’m trying to style my product page in a way that would show all additional variation images in the grid-view like here. My style.css file could be found here.
  2. Also, I have a question about the Variation Swatches Pro plugin: when our users click on a specific colour swatch on the shop/catalog page, and then click on the relevant product image, it doesn’t go to that specific colour which they find very confusing. Is there a setting or a script or any other way that would let them do that? I just want to add “?attribute_pa_colour=COLOUR_NAME” to the product link so that it preselects that specific colour. See video recording here.
  3. Also also, are there any hooks and triggers for the variation swatches plugin? Currently, my shop/catalog page filters do not trigger the swatches change, see video recording here. Is there any way whatsoever that I can achieve that? Like, can I use JavaScript and select them based on the attribute_pa_colour name or class? A JS/PHP script that can change aria-checked=”false” to aria-checked=”true” depending on the class name class=”color-variable-item-alabama-beige selected” (it should also show selected). Let me know if it can be triggered by the name of the colour: data-title=”Alabama Beige” OR title=”Alabama Beige” OR data-value=”alabama-beige“.

Thanks, and keep up the good work!

Hakik Zaman

Hi ilyas,

Thanks for reaching out to us.

I’m trying to style my product page in a way that would show all additional variation images in the grid-view like here

Unfortunately, this feature is not currently available. But it is a great idea. You can send this feature request here- https://storepress.fider.io/

I have a question about the Variation Swatches Pro plugin: when our users click on a specific colour swatch on the shop/catalog page, and then click on the relevant product image, it doesn’t go to that specific colour which they find very confusing.

This is not a feature of our plugin. To get specific color selected on the product description page you have to click on a specific attribute. For more, you can check this screencast.

Also also, are there any hooks and triggers for the variation swatches plugin? Currently, my shop/catalog page filters do not trigger the swatches change

Unfortunately, this is not currently available. You can send this feature request here- https://storepress.fider.io/

Thank You