How to hide product thumbnails and arrows on product page?

Store Design
1

Hello all,

How can I hide the product thumbnails under the main product image? Also is there a way to remove the arrows too?

Website: www.urbanframes.ae

Thanks!!

nadimnahas_0-1646220329663.png
nadimnahas_0-1646220329663.png1920×1080 172 KB

2

@nadimnahas

Please follow up below steps. May this help you.

  1. Go to online store > themes > actions > edit code
  2. Find Assets > style.css and paste below CSS at the bottom of the file
.slick-next, .slick-product-next
{
display: none !important ;
}
3

Thanks but it did not remove the arrows for me. Also, my goal is to remove the thumbnails - I’d like to solve that first.

Thanks again.

4

@nadimnahas To remove the thumb,

Find Assets > style.css and paste below CSS at the bottom of the file

.owl-carousel .owl-stage
{
display: none !important;
}
5

Hi @nadimnahas ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css->paste below code at the bottom of the file:
.slick-arrow {
    display: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file
.template-product button.slick-arrow {
    display: none !important;
}