Goal: Adjust Dawn theme product page pricing so the regular price (strike-through) appears above the discounted price, with the discounted price slightly larger/bolder; remove the strike-through from adjacent text; optionally switch currency format from “119 SAR” to “SAR 119.”
What’s done:
Open items:
Notes:
Status: Partially resolved (layout); styling and currency formatting remain open pending code changes/URL review.
How to align strikethrough price above the latest discounted price in Product Page in Dawn theme.
Also, how can I remove the strikethrough line from the text beside the discounted price as shown in picture below.
In short, I want my final output to be look exactly like this picture attached below. Like, regular price align above the discounted price and have discounted price a little bold and big in size relatively,
To have them display on top of each other you’ll just want to go into customize theme click the product section on the home page and at the very bottom of the editor add in the custom code:
.price-item--regular{
display: block
}
If this does not work you can attach your URL so I can take a look.
I am still working on solving the strikeout price situation. We will most likely need to use jquery or JavaScript to make changes for this as these elements are dynamically applied.
yes, it worked perfectly. Let me know how to Remove the strikethrough line from the text beside the regular price as shown in image below. Also how can I switch price and currency position like from 119 SAR to SAR 119 in Product landing page, in Dawn theme.
I had posted the steps earlier and then needed to add an update but don’t see the code anymore.
If you still need the code for changing the strikeout price let me know. It will require to edit the actual code though.
Strikeout price is ok. I just don’t want the strikeout line to appear on the text which is beside the strikeout price.
