How to move product price above add to cart button

Hi there!

I am looking for some help moving our product price down our product page. Right now it is under the product title and I would like it to be right above the add to cart button.

If it helps - here is one of the items that could benefit from this change. There are several customization options with varying prices and it is confusing when you cannot see the price change reflected without scrolling up. https://shop.dmns.org/collections/personalized-egyptian-cartouche/products/sterling-silver-personalized-cartouche?variant=42567627407576

Any help you can provide is great, thanks!

Hi there @Mahays

I understand why you’d want to make this change and I’m happy to look into this with you! Which theme are you currently working with?

If you are using an Online Store 2.0 theme you should be able to move your Price block just above your Buy buttons block within your Theme Editor. To do this you’ll want to go to Online store > Themes and click Customize next to the theme you’re working with. Once in your Theme Editor you will want to change the page you are editing to your Default product page. Then on the right you can rearrange the blocks in your Product information section so that your price is shown just above your buy buttons. I’ve included an example of this below where you can see the order of the blocks and how that is displayed. You can also learn more about using sections and blocks on this page here.

To move a section or block you’d just need to hover your cursor over the section or block that you want to move and you should see an icon appear with 6 dots. If you grab that, you can drag the section or block wherever you’d like it to be.

If you are not using an Online Store 2.0 theme I would recommend considering switching to one so that you can take advantage of the additional customization that comes with these themes. You can learn more about Online Store 2.0 on this page and you can also find a list of our free Online Store 2.0 themes here.

Please let me know if you have any other questions about this! I’m happy to help further.

Hi Erin!

Thank you for your quick reply. We are using the theme Impulse so it looks like I do not have that functionality within my theme editor. Is there another way to make this change without changing the theme?

Thanks again!

Thanks for your reply. Please let me know if I can provide additional information, thanks! I am wondering if this change lives anywhere within the theme’s code.

Hi @Mahays

It may be possible to do this by editing your theme’s code. I’m not able to support theme coding changes, but we do have Shopify Experts who can help you further. You can hire one through this page or learn more about them from this page here.

That being said, I’ve taken a look and Impulse has a new Online Store 2.0 version here. If you like using Impulse I would recommend switching to this version of the theme so that you can take advantage of the added benefits of Online Store 2.0. We also have a list of free Online Store 2.0 themes here.