Solved

Can prices be moved to the next line in Shopify?

HankLee182
Shopify Partner
81 3 22

Hi everyone

 

How to price move to next line below

2022-12-03 11 53 35.jpg

Thanks

Accepted Solutions (3)
ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.product__info-wrapper.grid__item .price__sale {
display: grid!important;
}

ZestardTech_0-1670222772333.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.price.price--on-sale .price__sale {
display: grid!important;
}

ZestardTech_0-1670225310811.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

MZinger
Visitor
2 1 1

This is an accepted solution.

I wanted the same thing too, so I followed these steps:

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

 

and my concern was solved.

View solution in original post

Replies 10 (10)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.product__info-wrapper.grid__item .price__sale {
display: grid!important;
}

ZestardTech_0-1670222772333.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
HankLee182
Shopify Partner
81 3 22

Hi ZestardTech

 

The products page is working now.

But Collections page not working.

How can it work on Collections page?

 

Thank you very much

 

ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.price.price--on-sale .price__sale {
display: grid!important;
}

ZestardTech_0-1670225310811.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
HankLee182
Shopify Partner
81 3 22

Hi  ZestardTech

 

This question has been resolved.

 

Products page and Collections page both working now.

 

Appreciate 👍

ZestardTech
Shopify Expert
5393 970 1291

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
HankLee182
Shopify Partner
81 3 22

Hello .@ZestardTech

Welcome

I will feedback anytime.

ZestardTech is awesome

Appreciate

MZinger
Visitor
2 1 1

This is an accepted solution.

I wanted the same thing too, so I followed these steps:

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

 

and my concern was solved.

HankLee182
Shopify Partner
81 3 22

Hi .@MZinger

I'm glad your concern was solved.

Because same question can refer to same step.

Appreciate

 

Andy106
Pathfinder
109 7 29

Hello, I have a very similar issue, but instead I want to move both the new price and the %off in a new line (store:https://qexaaphhkuw678c4-78669414739.shopifypreview.com 😞
see picture below:

Andy106_0-1702000395743.png