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.
User | RANK |
---|---|
219 | |
153 | |
60 | |
52 | |
46 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023