Solved

remove the small picture in the product page

JaimePerez
Shopify Partner
16 1 2

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

 

JaimePerez_0-1676486180769.png

 

Accepted Solutions (2)
PageFly-Kate
Shopify Partner
1089 325 320

This is an accepted solution.

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!


PageFly - #1 Page Builder for Shopify merchants.


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

View solution in original post

JaimePerez
Shopify Partner
16 1 2

This is an accepted solution.

now it worked. thanks for your time and patience

View solution in original post

Replies 13 (13)

PageFly-Kate
Shopify Partner
1089 325 320

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!


PageFly - #1 Page Builder for Shopify merchants.


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

JaimePerez
Shopify Partner
16 1 2

PageFly-Kate
Shopify Partner
1089 325 320

@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!


PageFly - #1 Page Builder for Shopify merchants.


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

JaimePerez
Shopify Partner
16 1 2

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

JaimePerez_0-1676494754599.png

 

 

PageFly-Kate
Shopify Partner
1089 325 320

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!


PageFly - #1 Page Builder for Shopify merchants.


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

JaimePerez
Shopify Partner
16 1 2

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
Shopify Partner
1089 325 320

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!


PageFly - #1 Page Builder for Shopify merchants.


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

JaimePerez
Shopify Partner
16 1 2

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

JaimePerez_0-1676496113079.png

 

PageFly-Kate
Shopify Partner
1089 325 320

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

GemPages_1-1676449020507.png

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


PageFly - #1 Page Builder for Shopify merchants.


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

JaimePerez
Shopify Partner
16 1 2

i copied now in the right place

JaimePerez_0-1676498642674.png

 

PageFly-Kate
Shopify Partner
1089 325 320

This is an accepted solution.

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!


PageFly - #1 Page Builder for Shopify merchants.


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

JaimePerez
Shopify Partner
16 1 2

This is an accepted solution.

now it worked. thanks for your time and patience

Damyan03
Visitor
1 0 0

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?