Shopify themes, liquid, logos, and UX
When i click on my product images DAWN theme loads huge versions of them, as a result on desktop (i have a 2700px width screen) they look blurry and on mibile user views a super zoomed image with a lot of scrolling required.
I kinda fixed this by altering CSS file section-main-product.css
on line 651 i changed width:100% to 75% for desktop and maybe tablet devices and on line 610 i added "width: -webkit-fill-available;" full implementation on my comment here: https://community.shopify.com/c/shopify-design/blurry-product-images-in-dawn-theme/td-p/1311709/page...
I have tried this and it works fine on my product pages (for example here https://wallprint.photo/products/fineart-print-zinal-village-swiss-alps-valais)
Do you think this is a valid, viable and stable solution? Or will i discover some agly surprises shortly? I have only tested it on my product pages but i post it here if anyone else has the same issue as me to let me know. Thanks.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024