Remove Carousel photos in product page

Store Design
, , , , ,
1

Hi, how can i remove/hide the carousel and the photos in the section of my product page in the store witouth remove them completely?

2

Hey! @Chris04 ,

You can hide the carousel and product photos from your product page without deleting them by using CSS. Just add a custom CSS rule to your theme like this:

.product-gallery { display: none !important; }

This will hide the section visually but keep the images in the backend. You can always unhide them later by removing the CSS.

3

Hi @Chris04

Please share the link to your product page so I can give you the CSS code to hide it with your removal.

4

Hi, thanks for responding to me, i did it but it didn’t do anything, i try to write only product instead of product gallery and it hides all the product page section. With “product gallery” it says to me tahta does not appear to be used in the section

5

Hello, ok thsnks a lot please, this is the link: https://ishapeher.com/products/ishape-her-body-modellierend-ishapeher%E2%84%A2

(the second one in the page i want to hide because its a part of the product page, so i dont have the option to do it)

6

Do you want to remove this part?

Screenshot 2025-06-18 at 16.52.32.png
Screenshot 2025-06-18 at 16.52.32.png3454Ă—2226 399 KB

7

Yes, but the one in the product page section, not the featured product, as you can see there are 2 because i was testing a thing, but i need to hide the second one after the first

1 Like
8

Please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings to remove it

#shopify-section-template--23917127893330__main .col-lg-6:has(.product__gallery) {
display: none;

}
9

Hi, thamks for tha patience, it works good but there’s another problem i can’t save it because it says to me this thing in red as an error:

“Online Store editor session can’t be published”
( if there’s no other thing to do for resolve it, i suggest to ry a method or a specific code if exist to try to add a pagefly section in the product page section because for now obviously i can’t add a section in other section, only a block)

10

So, please add code to the base.css file of your theme.

11

Sorry, what you mean about base.css file of my theme, i dont understnd, can you please show me?

12

So, please what i have to do?

13

Go to your store admin > Sales channels > Online Store > Themes > click “…” in Current theme > Edit code > open theme.css, add code at very bottom of file

14

Hello, @Chris04

Remove it is some how complex because i encounter same issues before. But actually my shopify marketing agency helped me out.

15

Where exactly, i put here some photos of what i see if i go in the store edit code

16

How did they do?

17

Hey! @Chris04 ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

#shopify-section-template--23917127893330__main .product__gallery {
  display: none !important;
}

@media (min-width: 992px) {
  #shopify-section-template--23917127893330__main .product__meta.sticky--lg {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
18

Im waiting on you Dan please, i really don’t know how i can do it, if you can help me i write an excellent review on you, sorry for late responses but i work a regular job meanwhile i do ecom for now