remove the small picture in the product page

JaimePerez · ‎02-15-2023

all my products in my store have only one picture (and not planning to add more pictures)

hence i would like to remove the small image that appears in the product page because it is the same as the main image. The purpose of removing this is to make the site lighter but more importantly make visible the section below "recommended products"....now there is so much white space in between the Add to Cart button and the recommeded product section that no one is scrolling down to see the recommended products

https://encajamx.myshopify.com/

www.encaja.mx

PageFly-Kate · ‎02-15-2023

You are putting it before the <body> tag. I mean you put it right before the closing tag </body>. Scroll down and you will find the tag </body>

Please let me know if it works by giving it a Like or marking it as a solution!

➜ Unlock the secrets to a record-breaking BFCM with PageFly and Canva

➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)

➜ Weekly updated Shopify tutorials on YouTube

All features are available from the Free plan. Live Chat Support is available 24/7.

View solution in original post

JaimePerez · ‎02-15-2023

now it worked. thanks for your time and patience

View solution in original post

PageFly-Kate · ‎02-15-2023

Hi @JaimePerez

This is Kate from PageFly - Landing page builder

Please share your store URL

So that we can help you.

Thank you.

Please let me know if it works by giving it a Like or marking it as a solution!

➜ Unlock the secrets to a record-breaking BFCM with PageFly and Canva

➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)

➜ Weekly updated Shopify tutorials on YouTube

All features are available from the Free plan. Live Chat Support is available 24/7.

JaimePerez · ‎02-15-2023

https://encajamx.myshopify.com/

www.encaja.mx

PageFly-Kate · ‎02-15-2023

@JaimePerez

I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/skin-theme.css->paste below code at the bottom of the file

.product_detail_img ul.pro-detail-slider .item {
    display: none;
}

.related-product{
    padding-top: 0px;
}

Hope my answer will help you.

Please let me know if it works by giving it a Like or marking it as a solution!

➜ Unlock the secrets to a record-breaking BFCM with PageFly and Canva

➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)

➜ Weekly updated Shopify tutorials on YouTube

All features are available from the Free plan. Live Chat Support is available 24/7.

JaimePerez · ‎02-15-2023

hi there

thanks for you reply but it did not work

I do not have the asset "skin-theme.css"....I have the asset "skin-theme.css.liquid" in which I added the code you mentioned at the very end but it did not remove the small image

PageFly-Kate · ‎02-15-2023

You can delete the code in the skin-theme.css.liquid file and paste the following code before the </body> tag in the theme.liquid file:

<style>
.product_detail_img ul.pro-detail-slider .item {
    display: none;
}

.related-product{
    padding-top: 0px;
}
</style>

Please let me know if it works by giving it a Like or marking it as a solution!

➜ Unlock the secrets to a record-breaking BFCM with PageFly and Canva

➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)

➜ Weekly updated Shopify tutorials on YouTube

All features are available from the Free plan. Live Chat Support is available 24/7.

JaimePerez · ‎02-15-2023

just to clarify you mean deleting the code i added and adding this new lines of code...not to delete the entire code in this section right?

PageFly-Kate · ‎02-15-2023

Yeah that's what I want to say😁

Please let me know if it works by giving it a Like or marking it as a solution!

➜ Unlock the secrets to a record-breaking BFCM with PageFly and Canva

➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)

➜ Weekly updated Shopify tutorials on YouTube

All features are available from the Free plan. Live Chat Support is available 24/7.

JaimePerez · ‎02-15-2023

I added the code as follow but did not manage to achieve the results expected

PageFly-Kate · ‎02-15-2023

You added the code in the wrong place. Take a look at the picture I attached

Please let me know if it works by giving it a Like or marking it as a solution!

➜ Unlock the secrets to a record-breaking BFCM with PageFly and Canva

➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)

➜ Weekly updated Shopify tutorials on YouTube

All features are available from the Free plan. Live Chat Support is available 24/7.

JaimePerez · ‎02-15-2023

i copied now in the right place

PageFly-Kate · ‎02-15-2023

You are putting it before the <body> tag. I mean you put it right before the closing tag </body>. Scroll down and you will find the tag </body>

Please let me know if it works by giving it a Like or marking it as a solution!

➜ Unlock the secrets to a record-breaking BFCM with PageFly and Canva

➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)

➜ Weekly updated Shopify tutorials on YouTube

All features are available from the Free plan. Live Chat Support is available 24/7.

JaimePerez · ‎02-15-2023

now it worked. thanks for your time and patience

Damyan03 · ‎03-05-2024

Hello, I have the same problem and after hours of trying to fix it even with you chat I still cant fix it, can you help me?

remove the small picture in the product page

remove the small picture in the product page

Community Blog Articles