Re: align regular price above discounted price in Product Page in Dawn theme.

Solved

align regular price above discounted price in Product Page in Dawn theme.

alexalex_225
Tourist
30 0 1

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.

camera rating.JPG

 

 

 

 

 

 

 

 

 

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, 

 

rating demo.JPG

 

 

 

Accepted Solution (1)

beauxbreaux
Shopify Partner
231 18 40

This is an accepted solution.

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. 
Screenshot 2023-11-28 114352.png

Beaux Barker
Developer
Hire me on Fiverr

View solution in original post

Replies 4 (4)

beauxbreaux
Shopify Partner
231 18 40

This is an accepted solution.

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. 
Screenshot 2023-11-28 114352.png

Beaux Barker
Developer
Hire me on Fiverr
alexalex_225
Tourist
30 0 1

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.

crossed.JPG

beauxbreaux
Shopify Partner
231 18 40

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.

Beaux Barker
Developer
Hire me on Fiverr
alexalex_225
Tourist
30 0 1

Strikeout price is ok. I just don't want the strikeout line to appear on the text which is beside the strikeout price.