Brooklyn Product Page not showing Thumbnails

Solved
Highlighted
Tourist
11 0 0

Hey All,

Looking for help if possible.

My product page is no longer showing thumbnail images underneath the main image like it used to.

On mobile view, desktop seems to be working.

 

https://outshinegaming.com/products/destiny-gaming-desk

Can someone please help me with this?

Thanks

0 Likes

Hello @Drazdauskas ,

The thumbnail images are present in mobile on your site.

In mobile there is slick slider thats why there is showing only one image.when you drag the image you can see the images.

Please add below css So that you can check slider dots

@media only screen and (max-width: 590px) {
#shopify-section-product-template .slick-slider .slick-dots li button::before, #shopify-section-product-template .slick-slider .slick-dots li a::before {
	border-color: #555555;
}
#shopify-section-product-template .product-single__photos .slick-dots li.slick-active button::before {
	background-color: #555;
	border-color: #555;
}
}

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
11 0 0

@oscprofessional wrote:

Hello @Drazdauskas ,

The thumbnail images are present in mobile on your site.

In mobile there is slick slider thats why there is showing only one image.when you drag the image you can see the images.

Please add below css So that you can check slider dots

@media only screen and (max-width: 590px) {
#shopify-section-product-template .slick-slider .slick-dots li button::before, #shopify-section-product-template .slick-slider .slick-dots li a::before {
	border-color: #555555;
}
#shopify-section-product-template .product-single__photos .slick-dots li.slick-active button::before {
	background-color: #555;
	border-color: #555;
}
}

 


Thanks for this, really appreciate it. Could you tell me exactly where I should add this css?

Thanks again

0 Likes
Highlighted

Success.

@Drazdauskas,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
11 0 0

Thank you, Legend!!

0 Likes