Remove product gallery on the product page

dv18 · ‎01-29-2024

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.

ThePrimeWeb · ‎01-29-2024

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.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

webwondersco · ‎01-29-2024

@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.
- a small Coffee Tip ☕ would be greatly appreciated. :)..! Instagram

dv18 · ‎01-29-2024

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 · ‎01-29-2024

@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.
- a small Coffee Tip ☕ would be greatly appreciated. :)..! Instagram

ThePrimeWeb · ‎01-29-2024

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.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

dv18 · ‎01-31-2024

Thanks a lot. It worked.

PageFly-Richard · ‎01-30-2024

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!

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

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

IAM-test · ‎04-14-2024

Hi Richard,

I have the same issue as Dv18 but can't resolve it using your solutions. I just purchased the Empire theme so I could upgrade my site from "supply" to the new one (for better functionality) and can't find a bas.css file in the code areas. I paste the code you provided into my theme.liquid file and that didn't do anything. The theme.quid also did not have a closing </head> tag. Can you please advice? This is an example of my duplicate image variant products: https://inspireamind.com/collections/camarose/products/camarose-midnatsol-alpaca-merino-tencel.

Thank you - I appreciate you time!

Sus

Remove product gallery on the product page