Atome Price Divider

Shopify Discussion
1

Hi everyone, how can i add Atome Price Divider to my Product Page? I am currently using Vessel Theme.

2

@veluxe1

It depends how Atome is added in your store.

Since you’re using Vessel theme, you can add Atome price divider in 3 ways:

1. If Atome app has auto placement (check this first)

Go to Shopify Admin → Apps → Atome
Check if there is option like:
Product page placement
Widget position

If you see it, just enable it. No code needed.

2. Add Atome code manually (most common)

If it’s not showing, you need to add it in product page.

Steps:
Go to Online Store → Themes → Edit Code

Open:
main-product.liquid
or product-template.liquid
(depends on Vessel theme)

Find price code like:
{{ product.price | money }}

Add this just below it:

3. If Atome gave you script

If they provided script like:

Then:
Add script in theme.liquid before
Add the widget div where you want it to show

3

Hi, first of all thankyou for your response. May i know what’s the code that i need to add in product.liquid?