Shopify themes, liquid, logos, and UX
My Product Page first image of product start showing to small on mobile and desktop both as seen below:
Then I added following code in my theme file editor /assets/base.css
" .productView-image.fit-unset .productView-img-container img:not(.zoomImg) {
width: 500px !important;
height: 500px !important;
}
"
after using this code my image start showing good on desktop device but on mobile device it start showing starched image
Like this on my mobile:
Solved! Go to the solution
This is an accepted solution.
You can try add this code @Testing120
@media only screen and (min-width: 600px) {
.productView-image.fit-unset .productView-img-container img:not(.zoomImg) {
width: 500px !important;
height: 500px !important;
}
}
@media only screen and (max-width: 600px) {
.productView-image.fit-unset .productView-img-container img:not(.zoomImg) {
width: 300px !important;
height: 300px !important;
}
}
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
This is an accepted solution.
You can try add this code @Testing120
@media only screen and (min-width: 600px) {
.productView-image.fit-unset .productView-img-container img:not(.zoomImg) {
width: 500px !important;
height: 500px !important;
}
}
@media only screen and (max-width: 600px) {
.productView-image.fit-unset .productView-img-container img:not(.zoomImg) {
width: 300px !important;
height: 300px !important;
}
}
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
Delete the old code and replace it with the code above @Testing120
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
let me try
super this code work
Glad to help you. Have a good day.
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
Hello @Testing120
Don't use fixed width and height,
Use both 100%
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024