A user is experiencing an issue with product page thumbnails for printed shirts appearing too large in the preview section at the bottom of the page. They want to make these fit picture previews smaller and more normal-sized.
Solutions Provided:
section-main-product.css file to adjust the thumbnail slider width and paddingtheme.liquid file above the </body> tagBoth responses include specific file paths and code snippets to implement the fixes. The discussion appears to have received solutions but the original poster has not yet confirmed which approach worked or if the issue is resolved.
Hello,
when i am on my product page of my printed shirts, then in addition to the normal picture there are fit pictures which are displayed in a small preview at the bottom. this preview is very enlarged in the gif. can someone help me to make this look normal?
url: sixdreamz.com
password is: sdc2003
Hello @sixdreamz
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-main-product.css
add this code at the end of the file.
#Slider-Thumbnails-template--22780389163349__main {
padding-right: 200px !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
This is Richard from PageFly - Shopify Page Builder App
Hi @sixdreamz Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly