variant images comes first rather than featured image

Beautage
New Member
11 0 0

hi all, can anyone help me with product images? when you click on product it shows variant image as first rather than my featured image, how do i change that? i looked through the chat but couldnt find a code which would work for my sense theme. thank you!

 

https://www.beautage.co/

Replies 8 (8)

Liqiud_xPert_SJ
Shopify Partner
730 93 115

@Beautage 

 

it seems to be working fine.

https://www.beautage.co/products/luxecontours?variant=45126993543433

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Beautage
New Member
11 0 0

for that product, cause there is no featured image yet. check this one please: https://www.beautage.co/products/facial-spritzer

Liqiud_xPert_SJ
Shopify Partner
730 93 115

show me product backend please

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Beautage
New Member
11 0 0

Screenshot 2024-03-21 at 19.39.48.png

this is how is organised in the product bit, but when you open the product it shows the variant image rather than the featured one

Liqiud_xPert_SJ
Shopify Partner
730 93 115

is that fixed?

 

2024-03-22 10_21_08-Facial Spritzer – Beautage — Mozilla Firefox.png

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Beautage
New Member
11 0 0

nope. the first image which is shown at the moment is a variant image. i would like the first image to be featured one, which is currently at second place in the thumbnail. as you can see on collection page the featured image is displayed, but when you click on the product it shows first variant's image.

 Screenshot 2024-03-22 at 13.01.42.png

Liqiud_xPert_SJ
Shopify Partner
730 93 115

@Beautagea bit confusing but i will check and get back to you.. thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Beautage
New Member
11 0 0

I know it's something to do with the liquid file as I looked over different discussions and most of the answers were that some changes need to be made for the below bit, however none of them seem to work for my theme. 

 

{%- for media in product.media -%}
{%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
<li
id="Slide-{{ section.id }}-{{ media.id }}{{ id_append }}"
class="product__media-item grid__item slider__slide{% if single_media_visible %} product__media-item--single{% endif %}{% if product.selected_or_first_available_variant.featured_media == null and forloop.index == 1 %} is-active{% endif %}{% if media.media_type != 'image' %} product__media-item--full{% endif %}{% if section.settings.hide_variants and variant_images contains media.src %} product__media-item--variant{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in{% endif %}"
data-media-id="{{ section.id }}-{{ media.id }}"
>