I want to change the section for suggested products

Solved
Ediz
Excursionist
60 0 25

Hi all, I am using the Brooklyn theme. And in the section for recommended products the price is listed like this:

 

WhatsApp Image 2021-04-18 at 22.41.32.jpeg

 I want the original price to be shown like this: 119,99 €. How can this be done?

KetanKumar
Shopify Partner
17332 1871 6473

@Ediz 


Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ediz
Excursionist
60 0 25

Hi Kutan Kumar,

the link is www.cosera.de

pw: shadowlandx99

what we expect is that the original price is in red and the old one in black

It should look like this:

23€ 15€

0 Likes
KetanKumar
Shopify Partner
17332 1871 6473

@Ediz 

thanks for details 

sorry but your password doesn't work

KetanKumar_0-1618980402237.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ediz
Excursionist
60 0 25

pw: shadowland99x

KetanKumar
Shopify Partner
17332 1871 6473

This is an accepted solution.

@Ediz 

thanks for details 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.grid-product-price-original {text-decoration: line-through;}
.grid-product__price {color: red;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ediz
Excursionist
60 0 25

Thank you! Can I also display the price in a bigger size?

KetanKumar
Shopify Partner
17332 1871 6473

This is an accepted solution.

@Ediz 

yes, please add this code

.grid-product__price-wrap {font-size: 18px;} /* change font size as you like */
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ediz
Excursionist
60 0 25

This works, but I just want to show the red price bigger. Is this also possible?

KetanKumar
Shopify Partner
17332 1871 6473

This is an accepted solution.

@Ediz 

yes, please remove above code and add this code

.grid-product__price {font-size: 40px;}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing