Solved

how to change position price, theme refresh

Svds
Excursionist
66 0 9

Scherm­afbeelding 2024-04-22 om 12.57.26.png

How to i get the new price to the left and the crossed through price to the right, so how do i flip them?

Accepted Solutions (3)
ZestardTech
Shopify Expert
5595 1016 1340

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__sale {
  display: flex!important;
  flex-direction: column;
}
.price-item--sale {
  order: -1;
}

ZestardTech_0-1713786455328.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
5595 1016 1340

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-item.price-item--sale.price-item--last {
font-size: 20px;
}

 

ZestardTech_0-1713787052249.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
5595 1016 1340

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-container .price--on-sale .price-item--regular {
font-size: 20px;
}

 

ZestardTech_0-1713787507024.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

Replies 14 (14)

ZestardTech
Shopify Expert
5595 1016 1340

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
Svds
Excursionist
66 0 9

store url is https://facce-amsterdam.nl/

 

ZestardTech
Shopify Expert
5595 1016 1340

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__sale {
  display: flex!important;
  flex-direction: column;
}
.price-item--sale {
  order: -1;
}

ZestardTech_0-1713786455328.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
Svds
Excursionist
66 0 9

that did it, thanks!

ZestardTech
Shopify Expert
5595 1016 1340

Hi @Svds 

 

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. If helpful then please Like and Accept Solution.

Thank you!

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
Svds
Excursionist
66 0 9

do you also know how i increase the size of the new price a bit?

 

ZestardTech
Shopify Expert
5595 1016 1340

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-item.price-item--sale.price-item--last {
font-size: 20px;
}

 

ZestardTech_0-1713787052249.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
Svds
Excursionist
66 0 9

thank you, but it looks like the price moved just a bit down and isnt aligned with the compare price anymore.

ZestardTech
Shopify Expert
5595 1016 1340

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-container .price--on-sale .price-item--regular {
font-size: 20px;
}

 

ZestardTech_0-1713787507024.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
Svds
Excursionist
66 0 9

How can i delete the "EUR" that is after the original and compare price ?

Svds
Excursionist
66 0 9

And do you also know how to change the numbers underneath the product page pictures to dots? 

ZestardTech
Shopify Expert
5595 1016 1340

Hi @Svds 

These two tasks cannot be done with CSS alone. You'll need to go into the theme and make changes to the custom JavaScript (JS) and Liquid code to achieve them.

Thank you!

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
Svds
Excursionist
66 0 9

okay, could you do that for me? or someone else, to hire you or them for that?

Svds
Excursionist
66 0 9

now the products that are not on sale are like this: (see picture) how can i solve this?

Scherm­afbeelding 2024-04-22 om 22.17.45.png