Make product image smaller on mobile product page

Solved
TheVinylFly
Tourist
7 0 3

Thanks Ketan, here is the link:

 https://thevinylfly.com/products/siser-htv-easy-weed-12-x-15?variant=37855830933694.

I'm going to eventually to enable my swatch widget and showcase the colors in the swatches....you wouldn't happen to know how to hide the image carousel on mobile would you?

0 Likes
KetanKumar
Shopify Partner
14125 1645 5064

@TheVinylFly 

yes, sure let me know which one do you have hide?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
TheVinylFly
Tourist
7 0 3

I would like to hide all of the carousels on my "VINYL" (HTV & Adhesive) products because there's just so many colors to choose from and they would look better laid out in swatches rather than a carousel. 

0 Likes
KetanKumar
Shopify Partner
14125 1645 5064

@TheVinylFly 

Thanks for it 
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for 5-6 second 

.product-single__thumbnails { display: none;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
TheVinylFly
Tourist
7 0 3

I posted that code at the bottom of my theme.css file but it didn't seem to do anything

0 Likes
KetanKumar
Shopify Partner
14125 1645 5064

@TheVinylFly 

this code apply to hide thumbnails 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
TheVinylFly
Tourist
7 0 3

Is it supposed to hide the thumbnails on the mobile carousel or somewhere on desktop? I didn't seem to see any change to my website after posting that code

0 Likes
KetanKumar
Shopify Partner
14125 1645 5064

@TheVinylFly 

yes, is possible to custom code can you please add me on staff so i will quick-fix mobile and desktop show hide 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
TheVinylFly
Tourist
7 0 3

That would be great! how do I go about adding you to staff to edit that for me?

KetanKumar
Shopify Partner
14125 1645 5064

@TheVinylFly 

https://help.shopify.com/en/manual/your-account/staff-accounts/create-staff-accounts

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing