Integrate with theme's Add to Cart button using CSS selector

  1. To integrate with your theme, you need to find the CSS selector of your button and paste to Corner Ribbon Add to CartAdvancedSelectorsEnter your selector. Then it'll be possible to update the add to cart button of your theme.



Step 1: Choose a visible product


  1. First, you need to go to a product page → add to cart button will appear.



Step 2: Find CSS selector of the Add to Cart button


  1. Right click on the add to cart button → Inspect.

  2. The developer tool will appear and auto detect the HTML tags of your button (usually starting with <button>).

  3. Right click on the <button> (or what highlighted) → Copy → Copy selector.

  4. You've successfully copied the CSS selector of your button.



Step 3: Paste to Corner Ribbon Add to Cart


  1. Go to Corner Ribbon Add to Cart → Advanced → Selectors → Enter your selector → paste to CSS Selector of your button.

  2. Click Save.

  3. Done! You've successfully integrate with your theme.