How to show a featured image instead of the first variant image on landing page in minimal

Solved
Highlighted
New Member
7 0 0

Hi, I'd like to know how to change my product landing pages to show a featured image instead of an image of the first available variant. I'm using the Minimal Theme & can't seem to work it out! Any help would be appreciated. Thank you!

0 Likes
Highlighted

Hi connief,

You only need to re-order the first variation image as the featured image. Very easy!

Do you have any other suggestions?
Or you want to create your own product detail layout?

Kind regards!

★ ShopiLaunch – Sell more on Shopify with Premium Tools & Services. ★
Grab ShopiLaunch's free theme.
There are always new freebies ready for you to enjoy on ShopiLaunch:
http://freebies.shopilaunch.com/
Get it while you can!
0 Likes
Highlighted
New Member
7 0 0

Hi, Thanks for your reply.

Not sure about re-ordering variant images? Not looking to do a new product detail layout as such but when you click onto a landing product page, the feature image is NOT the one I've chosen but it features the first product variant. How do you change it?

For example, here is one of the product landing pages with 3 variable images of the same...

https://sunnycentralstore.com/products/nano-waterproof-ultra-adhesive-tape?_pos=1&_sid=c344e350d&_ss...

I want to feature an image from that available list.

Do I need to edit code in product liquid perhaps?

0 Likes
Highlighted

This is an accepted solution.

Hi connief,

- We mean:
Select the image for your first variation, this is the featured image.
Example: http://prntscr.com/q4vlr3

You only need to edit it in the Products Admin, no need to interfere with the code

Kind regards!

★ ShopiLaunch – Sell more on Shopify with Premium Tools & Services. ★
Grab ShopiLaunch's free theme.
There are always new freebies ready for you to enjoy on ShopiLaunch:
http://freebies.shopilaunch.com/
Get it while you can!
0 Likes
Highlighted
New Member
7 0 0

Thanks for the example! I've tried it & it works. I'll add product images in my product descriptions instead of displaying them with the variant images.

Thanks again!

0 Likes
Highlighted
New Member
9 0 0

Use this customisation to disable the auto-selecting of the first available variant.

The Smarketly Page Builder Editor App allows you to do this smoothly.

  1. From your Page, go to Products and select the product you'd like to add a variant to.
  2. Scroll past the Description and Media parts of the product and go to "Variants".
  3. Click on the variant you'd want and go to "View" see what it'll look like. Here they'll also be an option to switch between the variants.
  4. Under "Media" you can drag the image you'd like to have displayed and drop in the display box.
0 Likes