Problem with the compare at price - how to change the font of price

Hello,

I have problem with the section compare at price. When I added the sale price, there were added some note when the sales will end. I can’t change the date of the sales, I think someone add it without the possibility of change.

If anyone can tell me, where can I change the note?

Moreover, I would like to change the font of the price - the theme is Impulse. Do you know if it any possibility to change the font of price?

1 Like

Hello @Donaaa

In the Impulse theme, the “Compare at price” note and the font of the price are controlled through the theme settings. You can modify these settings in your Shopify admin to make the necessary changes. Here’s how you can do it:

  1. From your Shopify admin, go to “Online Store” and then click on “Themes.”
  2. Find the “Actions” dropdown for your Impulse theme and select “Customize.”
  3. In the theme editor, click on “Sections” in the left-hand sidebar.
  4. Look for the “Product pages” section and click on it.
  5. You should see an option called “Sale end note” or something similar. This is where you can change or remove the note that indicates when the sale will end. Modify the text as desired or leave it blank to remove the note altogether.
  6. To change the font of the price, click on the “Typography” section in the left-hand sidebar.
  7. Look for the option that corresponds to the price font and select a new font from the available options. The exact name or label of this option may vary depending on your theme version, but it should be related to the product pricing.

After making the necessary changes, remember to save your changes in the theme editor. You can then preview your store to see how the updated “Compare at price” note and the new font for the price appear.

If you encounter any difficulties or if the theme settings don’t provide the desired options, you may need to consider customizing the theme’s code. In that case, it would be helpful to consult with a Shopify expert or a developer who can assist you in modifying the theme’s code to achieve the desired changes.

Unfortunately, where I go to “product page” I don’t see the option called “Sale end note”. Moreover, the price section is note unchangeable.

Hello @Donaaa ,

To change the “compare at” price note:

  • Go to Online Store → Themes → Customize
  • In the theme editor, navigate to the section or product page where the “compare at” price note appears.
  • Look for any settings related to the sale price or the note, such as a toggle switch or a text field.
  • Modify the settings to remove or edit the note. If there are no available settings, you may need to edit the theme code.

If you can’t find a specific setting to modify the “compare at” price note in the theme editor, you can try the following:

  • Go to Actions → Edit code
  • In the code editor, locate the relevant template file. For example, if you want to modify the note on the product page, you might look for the product-template.liquid file.
  • Search for the code that generates the “compare at” price note. It could be a snippet of code or a specific HTML element with a class or ID.
  • Modify or remove the code as needed to change or remove the note.
  • Save the changes and exit the code editor.

To change the font of the price:

  • In the theme editor, navigate to the section or product page where the price is displayed.
  • Look for the settings related to typography or font styling.
  • Modify the settings to change the font, font size, or other styling properties of the price. You may have options for selecting from pre-defined fonts or entering custom CSS code.
  • Preview the changes and make any necessary adjustments.
  • Save the changes once you’re satisfied with the font styling.

Hope this can help. Let us know if you need any further support.

Ali Reviews team

Thanke you for your help I fix the note of compare price but I have still problem with the style of price. I can’t change it in the settings.

Moreover, there is nothing what can included the prices style.

In the code, I see something linke this but I can’t change it because i don’t knowe the css.

Hello! I just solved this issue

this is the resolution:

  • Go to your Shopify admin panel and navigate to Products.
  • Select the product you want to edit.
  • Now that you’re on the product details page, click on the variant you want to adjust,
  • Then click on “Bulk Edit” to modify multiple variants at once.
  • At the top right of the bulk edit screen, you’ll see a button labeled “Columns”. Click on this.
  • In the dropdown menu, check the box next to “Compare at Price” to add this column to your bulk edit screen.
  • Now, you can enter the compare prices directly into the new column for each variant.
  • Save your changes to update the compare prices.

hope this helps :slightly_smiling_face: