The Outlink app can be easily integrated with themes that support Shopify Online Store 2.0. This guide explains how to add the Outlink button on your product pages.
Steps
1. Open your Shopify Admin and navigate to: Online Store → Themes
2. Edit your published theme
Click ... (More actions) next to your published theme and select Edit code.
3. Open the main-product section > In the Section folder, open: main-product.liquid
4. Locate the Add to Cart button
You should find a <button> similar to the following:
5. Add the Outlink integration code
Insert the following code immediately above the existing <button> code:
{% render 'outlink-custom',product: product, o_showOutlink: 1,o_hideCart: 1, o_classes:'button button--full-width button--primary',o_style: '' %}
<div class="o_original_{{ product.id }}">
<!-- Existing Add to Cart button -->
</div>
6. Save your changes
Click Save and preview your storefront to verify that the Outlink button appears correctly. The Add to Cart button on the product pages should now be replaced with the External link button for Outlink products.
Need Help?
If you're unable to locate the correct button or run into any issues during integration, contact [email protected]. Our team will be happy to integrate the app into your theme for you.