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

gallery starting on third image

Jake Wigmore

https://villagemaidcheese.co.uk/shop/cheese/guest-cheese-box/

Hello, for some reason the gallery is starting from the third image even though the third image is the product image and the rest are gallery images. I want the product image to be the first image not the third, how can I do this? Thanks.

 

 

Screenshot 2022-10-21 at 13.01.21.png

Rezwan Shiblu

Hi there,

Thanks for reaching us.

Currently, the additional image order change option is unavailable.

Thank you.

Jake Wigmore

Hi Rezwan,

That doesn’t really answer my question…I want to know WHY the main product image is the third one along in the gallery rather than the first? It makes sense for the first image to be the one that shows when the page loads? This seems like a bug not a feature to add.

Jake

Rezwan Shiblu

Hi Jake,

Sorry for the inconvenience.

I will inform our relevant department regarding the gallery image indexing.

I will get back to you once I get an update from them.

Thank you.

Rezwan Shiblu

Please try to add the below code snippet on your theme functions.php file or by using code snippet plugin –
if ( class_exists( 'Woo_Variation_Gallery' ) ):
function wvg_serialize_support(){
$columns = absint( get_option( 'woo_variation_gallery_thumbnails_columns', apply_filters( 'woo_variation_gallery_default_thumbnails_columns', 4 ) ) );
$thumbnail_js_options = array(
'slidesToShow' => $columns,
'slidesToScroll' => $columns,
'focusOnSelect' => true,
// 'dots'=>true,
'arrows' => wc_string_to_bool( get_option( 'woo_variation_gallery_thumbnail_arrow', 'yes' ) ),
'asNavFor' => '.woo-variation-gallery-slider',
'centerMode' => false,
'infinite' => true,
'centerPadding' => '0px',
'rtl' => is_rtl(),
'prevArrow' => '<i class="wvg-thumbnail-prev-arrow dashicons dashicons-arrow-left-alt2"></i>',
'nextArrow' => '<i class="wvg-thumbnail-next-arrow dashicons dashicons-arrow-right-alt2"></i>',
'responsive' => array(
array(
'breakpoint' => 768,
'settings' => array(
'vertical' => false
),
),
array(
'breakpoint' => 480,
'settings' => array(
'vertical' => false
),
)
)
);
return $thumbnail_js_options;
}
add_filter('woo_variation_gallery_thumbnail_slider_js_options', 'wvg_serialize_support');
endif;

Hopefully, your issue will be fixed. Let me know if you face any trouble. I will happy to assist.

Thank you.

Rezwan Shiblu

Hi there,

I have done the test on my test site by using this code and worked properly.

Can you please give me temporary admin access to your site? I’ll try to investigate the issue for you.

You can add new users by going to Users > Add New set the user and password for us, set the role to admin, and set the info here.

And add your site URL, login username, and password in the site login area. Follow this guideline: https://www.useloom.com/share/27c1f2ac633c4060b2da883d946107d7

Hope to hear from you soon!

Thanks.