Solved

Remove product gallery on the product page

dv18
New Member
8 0 0

Hi All,

 

I have setup the store using Minimog Shopify theme and I am trying to remove the product gallery as shown in the image. Can you kindly let me know how to hide or remove the gallery across all product pages.Institches.png

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1157 299 229

This is an accepted solution.

Hey @dv18,

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
.m-product-media--slider__thumbnails {
    display: none !important;
}

.swiper-pagination {
    display: none !important;
}
</style>

 

 

 Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706535171390.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com

View solution in original post

Replies 6 (6)

webwondersco
Shopify Partner
902 139 137

@dv18 Hope you are doing well.

 

Please check your theme customize setting options. You'll find the options there. if not you can make it possible by adding some CSS.

 

Could you please share your Store URL? so can check and guide you

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂
dv18
New Member
8 0 0

Thanks for your response. I have checked the options and there is no option to remove or hide the section.


Store URL: https://www.institches.ke/products/ganga-acrowools-blankie-yarn

 

Thanks

webwondersco
Shopify Partner
902 139 137

@dv18 please add the below line of CSS code at the end of your base.css file.

 

body .m-product-media--slider__thumbnails{
display:none;
}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂

ThePrimeWeb
Shopify Partner
1157 299 229

This is an accepted solution.

Hey @dv18,

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
.m-product-media--slider__thumbnails {
    display: none !important;
}

.swiper-pagination {
    display: none !important;
}
</style>

 

 

 Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706535171390.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
dv18
New Member
8 0 0

Thanks a lot. It worked.

PageFly-Richard
Shopify Partner
4079 913 1567

Hi @dv18 


This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.m-product-media--slider__thumbnails {
    display: none !important;
}

.swiper-pagination {
    display: none !important;
}
</style>

Hope this can help you solve the issue

 

Best regards,

Richard | PageFly

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.