Regular Price and Compare At Price Inside the ATC Button

Store Design
1

Hi,

We are using the Dawn theme 6.0.2.

This is our preview site URL: https://0k6xhxxw0722kvoa-50129502366.shopifypreview.com

I was able to add the REGULAR PRICE inside the ATC button by doing this:

ShellaPateno_0-1661247175405.png
ShellaPateno_0-1661247175405.png1030×552 29.3 KB

That is inside the main.product.liquid {- form -} {- endform -}.

Then, I added this code inside the global.js:

const priceButton = `price-button-${this.dataset.section}`;
        const destinationPriceButton = document.getElementById(priceButton);
        const sourcePriceButton = html.getElementById(priceButton);
        if (destinationPriceButton && sourcePriceButton) destinationPriceButton.innerHTML = sourcePriceButton.innerHTML;

The output is this:

ShellaPateno_1-1661247455731.png
ShellaPateno_1-1661247455731.png434×201 3.53 KB

However, we want to add the COMPARE AT price as well. Please help.

Sincere thanks to all. Take care

2

@Ayo4 , sorry, but that’s NOT the way to do it.