Liquid, JavaScript, themes, sales channels
How can I have the original price appear before the sale price please?
https://auchterlonies-com.myshopify.com/collections/all-shirts
paswd: awskob
Solved! Go to the solution
This is an accepted solution.
hello @RobMoore007
please Go to Online Store->Theme->Edit code then go to style.css ->paste below code at the bottom of the file.
#shopify-section-collection__main .product-wrap .product-thumbnail__price{
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
You can do this change in your theme, it should mostly be inside product-grid.liquid file or similar file depending on the theme you are using
look for the following piece of code
<span class="product-thumbnail__price price sale">
<span class="money">
£37.99</span>
<span class="product-thumbnail__was-price was-price">
<span class="money">
£39.99</span>RRP</span>
</span>
Change the order of elements
<span class="product-thumbnail__price price sale">
<span class="product-thumbnail__was-price was-price">
<span class="money">
£39.99</span>RRP</span>
<span class="money">
£37.99</span>
</span>
You may not see the price as it is so look for class name to identify
This is an accepted solution.
hello @RobMoore007
please Go to Online Store->Theme->Edit code then go to style.css ->paste below code at the bottom of the file.
#shopify-section-collection__main .product-wrap .product-thumbnail__price{
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
Thank you this worked a treat 🙂
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