Solved

How to remove a sign on product page

VisarK
Explorer
72 0 13

Hello everyone hope you are all are doing well.I want to remove in product page the sign (0) , its under prices.How can be removed 

Screenshot_20240524_075002_Chrome.jpg

Accepted Solutions (2)
topnewyork
Navigator
298 34 45

This is an accepted solution.

Hello @VisarK,

  • Log in to Shopify Admin.
  • Navigate to Online Store > Themes > Actions > Edit Code.
  • Open "theme.liquid" file.
  • Locate the `<head>` tag and paste the code at the bottom of it.
  • Save changes.
  • Preview and publish if satisfied.

 

<style>
p.rating-count.caption {
    display: none !important;
}
</style>

 


 Thanks!

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

View solution in original post

topnewyork
Navigator
298 34 45

This is an accepted solution.

Hello @VisarK,

  • Log in to Shopify Admin.
  • Navigate to Online Store > Themes > Actions > Edit Code.
  • Open "theme.liquid" file.
  • Locate the `<head>` tag and paste the code at the bottom of it.
  • Save changes.
  • Preview and publish if satisfied.

 

<style>
p.rating-count.caption {
    display: none !important;
}
</style>

 


 Thanks!

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

View solution in original post

Replies 16 (16)

Moeed
Shopify Partner
3936 997 1244

Hey @VisarK 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
p.rating-count.caption {
    display: none !important;
}
</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
VisarK
Explorer
72 0 13

Hello @Moeed it doesnt work i tried

topnewyork
Navigator
298 34 45

Hello, 

Please share your store url?

Thanks! 

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
VisarK
Explorer
72 0 13
topnewyork
Navigator
298 34 45

Hello @VisarK,

  • Log in to Shopify Admin.
  • Navigate to Online Store > Themes > Actions > Edit Code.
  • Open "theme.css" file.
  • Paste CSS code at the bottom.
  • Save changes.
  • Preview and publish if satisfied.
p.rating-count.caption {
    display: none !important;
}


 Thanks!

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
VisarK
Explorer
72 0 13

I tried it doesnt work @topnewyork 

topnewyork
Navigator
298 34 45

This is an accepted solution.

Hello @VisarK,

  • Log in to Shopify Admin.
  • Navigate to Online Store > Themes > Actions > Edit Code.
  • Open "theme.liquid" file.
  • Locate the `<head>` tag and paste the code at the bottom of it.
  • Save changes.
  • Preview and publish if satisfied.

 

<style>
p.rating-count.caption {
    display: none !important;
}
</style>

 


 Thanks!

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
VisarK
Explorer
72 0 13

Now is good thanks a lot @topnewyork 

topnewyork
Navigator
298 34 45

This is an accepted solution.

Hello @VisarK,

  • Log in to Shopify Admin.
  • Navigate to Online Store > Themes > Actions > Edit Code.
  • Open "theme.liquid" file.
  • Locate the `<head>` tag and paste the code at the bottom of it.
  • Save changes.
  • Preview and publish if satisfied.

 

<style>
p.rating-count.caption {
    display: none !important;
}
</style>

 


 Thanks!

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

BSSCommerce-HDL
Shopify Expert
769 249 263

Hi @VisarK
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSTechVenture_0-1716534553827.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSTechVenture_1-1716534558783.png

 

Step 3: Insert the below code at the bottom of the file -> Save

 

.product__info-wrapper p.rating-count.caption {
    display: none !important;
}

 

Here is result: 

BSSTechVenture_2-1716534673111.png

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
VisarK
Explorer
72 0 13

@BSSCommerce-HDL  i tried doesnt work 

BSSCommerce-HDL
Shopify Expert
769 249 263

Hi @VisarK

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside tag head. You need create style tags. After you'll insert my code inside it

BSSTechVenture_0-1716536050647.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

sahilsharma9515
Shopify Partner
1031 128 193

Hi @VisarK Thanks for the URL, Please add the code in your theme.css/base.css/style.css file which is available in your theme.

 

p.rating-count.caption {
    display: none !important;
}

 

If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
  6. You can add the above code at the bottom of the file.

Result:

sahilsharma9515_0-1716534627421.png

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


VisarK
Explorer
72 0 13

@sahilsharma9515  doesnt work

Anshul_arora
Navigator
429 121 85

Hello @VisarK ,

I understand you are looking to remove the unnecessary sign(0) appearing in your Product Detail Page.

You can remove this by adding the below CSS code at the bottom on your store css file (base.css/ style.css/theme.css file) and save.

p.rating-count.caption {
display: none !important;
}



After applying code output will be like this -:

Anshul_arora_0-1716534863175.png

 

I hope the code helps you.

Please share if you need any further assistance.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
VisarK
Explorer
72 0 13

@Anshul_arora  it doesnt work i tried also