Shopify themes, liquid, logos, and UX
My store link saffronjaipur.com
I am having a problem with my shopify store. I used Venture theme and did some customisation on my own.
by default the product description was on the right and centre/left spaces were empty. so i made this edit in css
Go to line '201' in 'product-template.liquid' file and cut the code
<div class="product-single__description rte">
{{ product.description }}
</div>and past the line no- '209' after the '</div>' .
on the destop version everything was good but on mobile site something went wrong. Product description got shifted to left side.
Here is the screenshot
I tried everything i could. but still nothing and somehow it is related to the description of collection page too on the desktop website.
The description is on the left and sort button is taking complete right side.
Can someone please provide solution to this. I am posting same problem twice. please help me
Also the product images are taking very small space. Is there any way for product image to fill complete space like they do as the main image (thumbnail) of collection.
I wont mind even if the images gets cropped. I've attached scrrenshots below for the same.
Solved! Go to the solution
This is an accepted solution.
Hello,
The collection image fix would require hiring a developer. However the description fix is easy, just follow these steps:
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
.product-single__description{
padding-left: 30px;
}
</style>
This is an accepted solution.
Hello,
The collection image fix would require hiring a developer. However the description fix is easy, just follow these steps:
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
.product-single__description{
padding-left: 30px;
}
</style>
Thank you so much sir.. It really fixed the description error.
Great job....
And I fixed the product card image myself. Its not a fix just a workaround. I manually cropped the first images of all the product to fill the space.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024