the price on collection page becomes bigger when the page is loading

[momo110]

I added a code to make the price on product page bigger and it will affect price on the collection page. but it just becomes bigger when the page is loading. the price will be back to normal after collection page is completely loaded. Could you help fix that? I want to to be size 16px when the page is loaded. Also I want to bold the price on collection page. Here is the problem page: https://jonvidesign.com/

[Haptech]

Here it may be because another app has re-rendered the prices in the collection

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.price-item.price-item--sale{ font-size: 20px; /*adjust according to you*/ font-weight: bold; }

[momo110]

hello sir, it did work. But there is still some problems, it will have a “from” when the page is loading, still different from when it is completely loaded.

[momo110]

also I wonder if it is possible to remove the sale badge and switch the postion of sale price and original price, thanks in advance

[momo110]

and it seems that it will change the font size on product page,too. I want to change the font size on collection page only. is that possible?

[Haptech]

Please correct the code in the name

{% if template == 'product' %} {% else %} .price-item.price-item--sale{ font-size: 20px; /*adjust according to you*/ font-weight: bold; } {% endif %}

[momo110]

sorry sir, it is still the same, is there any way not to change the font size on product page?

[Haptech]

Because this app re-renders the price. Please contact the dev on the swatch-king app to fix the error

[Haptech]

Please take a photo of the theme code in the theme.liquild file

[momo110]

hello sorry for late reply.

I unembeded the swatch king app and there is no difference. I’m afraid that it may not be the problem.

here is the theme liquid: https://admin.shopify.com/store/jonvidesign/themes/142718075127?key=layout%2Ftheme.liquid

kindly have a check. thanks a lot

[Haptech]

I don’t have permission to access the theme so I can’t read it. Are you sure you have replaced the code here with this code?

Replace with this code in the theme.liquild file :

[momo110]

yes I replace it, pls check the screenshot

[Haptech]

Have you tried turning off the swatch king app in this theme? I tried turning off js in the browser and saw it change.


The results are here:

[momo110]

it is no problem with the collection page, what I means is the code will change the font size of price on the product page, it is supposed to 28px. I don’t want it to change, I want to change the collection page price only.

[Haptech]

Please contact us via email for support :hatptech@gmail.com

[Haptech]

Please contact us via email for support: hatptech@gmail.com.