8

Theme Integration

Last Update 2 天前

Integrating with the Debut theme Integrating with the Boundless Theme Integrating with the Minimal theme Integrating with the Narrative theme Integrating with the Venture Theme

Integrating with the Brooklyn Theme

Prathamesh Pramod Gaonkar

Last Update 2 天前

Spreadr supports integrating with the Brooklyn Theme. This guide will walk you through the process of how to add the integration code to your store.


Steps


1. Open your Shopify admin.

2. Click Online Store.

3. Click Themes.

4. Click Actions for your published theme.

5. Click Edit code.
6. Click the file product-template.liquid which appears under Sections.
7. The product-template.liquid file will open in the online code editor. In the online code editor window, locate the HTML for your add-to-cart button (you can do this by searching with CTRL-f or COMMAND-f). The HTML for your add-to-cart button will look something like this:

The trick is to find an <input> or <button> tag that includes something like 'Add to Cart', 'AddToCart' 'add-to-cart', etc, or the code will be present above the {% endform %} tag.


(If you are having problems please contact https://amazon-spreadr-app.tawk.help/. We will do the integration for you.)


8. Add the following code encapsulating the <button> code that you found in step 7.

It will look as shown in the image below. The boxes in blue represent the Spreadr integration code. The box in red is the existing <button> code.

9. Hit Save.


10. The Add to Cart button on the product pages should now be replaced with the View on Amazon button for Spreadr products.


(If you are having problems please contact https://amazon-spreadr-app.tawk.help/. We will do the integration for you.)

Was this article helpful?

0 out of 0 liked this article