In this article, we'll walk you through the steps to integrate the Variant Table into your 2.0 store using the Outlink Variant Table App Block.
Step 1. Enable Variant Table from App Settings
Open the Outlink App from your Shopify admin and navigate to the Variant Table section under settings. Toggle Enable Variant Table
You may find more information on enabling the variant table for outlink products here.
Step 2. Open your Shopify admin
Go to: Online Store → Themes → Edit Theme / Customize
Step 3. Select a product template
From the top dropdown, choose the Product template where you want the sticky button to appear.
Step 4. Click "Add Block"
From the left sidebar, click Add Block, then select Outlink Variant Table Block under Apps.
Position the block
Drag and drop the block to your desired location. We recommend placing it just below the Buy Buttons/External link button.
Step 5. Customize the table (optional)
You can style the table through the Custom CSS
For example, you can use the classes :
.Outbox-table { width: 100%; border: 1px solid #000; }
.Outbox-table td { border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 1em;}
.Outbox-link { text-align: center ;}
Step 6. Click Save
Sample preview screenshot
Note: The Variant Table feature is available for Pro plan and above users only.
⭐ Need help?
If you have problems with adding the button or want to change the way the button looks, or for any other request, please raise a support ticket here. We will take care of it.