Product Page

Hi, I wanted to know how i can leave my thumbnail gif on my home page that image but when clicking on it to go to the products page, It changes and the the thumbnail image is now second and the image i had “second in the media on products tab” is now first and on top.

1 Like

Hi @GoGhost

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

1 Like

Hi! Here is my link to my store

1 Like

Hi @GoGhost

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottow of the file:

.thumbnail-list > li:nth-child(2){
  order:-1;
}

Go to Product Admin → Open the Product → Media Gallery , and there you can drag and reorder the media to change their position.

I pasted the code in and saved. Then changed my order but it changes my thumbnail as well. How do I keep the thumbnail gif but change order in products page?

1 Like

Hi @GoGhost

First, please remove the CSS I added earlier and try only this change.

Go to Product Admin → Open the Product → Media Gallery , and there you can drag and reorder the media to change their position.

Yes, I see that but when i do drag and reorder the media. It changes my thumbnail on my homepage as well. How would I make that gif stick so when I do change my order in the media gallery, It wont change my thumbnail.

1 Like

Hi @GoGhost

I will need to check the code. Could you please send me a collaborator access code so I can review it and provide you with a proper update?

Just send it over to you!

Hi @GoGhost

Where did you send it to?

Hi @devcoders

Check your email!

1 Like

Hi @GoGhost

I did not receive any email. Which email address did you send it to?

devcodersp@gmail.com

Hi @devcoders

Just sent it over again

1 Like

Hi @GoGhost

I’ve sent you the request — please accept it.

hi @devcoders

Just accepted you

1 Like

Hi @GoGhost

Shopify product pages normally display the first media item as the main image. You will find it there, too, if your GIF is first. To have it just on the home page, have the home page section display a custom image rather than product media, or move the product media around so the desired product image is first.