Q: How to enable app block in the theme

First, navigate to the theme editor, <code>Online Store &gt; Themes &gt; Customize</code> <img src="https://helpkit.getalltool.com/api/media/file/image-57.png" alt="Themes" /> Then click on the "App embeds" button <img src="https://helpkit.getalltool.com/api/media/file/image-58.png" alt="App embed" />

Question 1

Change the position of the option on the product page

Accepted Answer

For most Theme 2.0 themes, you can change the position of the OPTION on the product page by dragging and dropping the app block in the theme editor.

Step 1: Navigate to the Theme Editor

Navigate to the theme menu, Sales channels > Online Store > Themes, click the "Customize" button, and open the theme editor.

Themes

Step 2: Select a product template

Select one of the product templates for which you want to display an OPTION.

Select product template

Step 3: Add and drag the app block

Find the "LinkedOption" app block in the left panel

Find the app block

If there is no app block, click the Add block button and select the LinkedOption app block.

Select app block

Add app block

Simply drag and drop the app block to the position you want, Usually, you can put it behind the price block, but of course, you can also adjust the position at will

Drag and drop app block

If your theme doesn't support adjusting the option position through this interface, our support team can manually re

Question 2

How to enable app block in the theme

Accepted Answer

First, navigate to the theme editor, Online Store > Themes > Customize

Themes

Then click on the "App embeds" button

App embed

Question 3

How to Create a Multi-Option Product Group

Accepted Answer

With support for multiple options, you can create combinations of multiple options for your product group, such as combinations of size, color, and style. Each combination corresponds to a individual product, allowing customers to select and purchase the exact variant they want, whether it's a specific size, color, or style option.

You can see the effect in our demo store:

Demo store (password: abcde): https://linked-options.myshopify.com/products/sports-shorts-red-s

sports short

To create a multi-option product group, please follow these guidelines:

Step 1: Navigate to “Product group” page: Apps > LinkedOption Combined Listings > Product group

Step 2: Click “Create multi options group” button

Create multi-option product group

Step 3: Fill in the information about the option

Filling options

Step 4: Add products to product group

Add products to group

Step 5: Match option combinations for each product

matching products

Matched product

Question 4

Product Group API Guide

Accepted Answer

Our Product Groups API enables seamless integration with your existing systems, making it easier than ever to create, update, delete, and retrieve product groups. With its simple and secure design, the API helps you automate workflows, maintain consistent data across platforms, and streamline your overall product management process. The API is available only on Premium plan and above. You can use it for free on development stores.

Support

For technical support or questions about the API, contact us at: [email protected]

Authentication

The API uses Shop Domain and API Key to authenticate requests. They can be found in Settings > Manage product groups by API: All API requests require the following header for authentication:

{
    "Content-Type": "application/json",
    "X-SHOP-DOMAIN": "Your domain, xxx.myshopify",
    "X-API-KEY": "YOUR_API_KEY"
}

NOTE: X-SHOP-DOMAIN must be myshopify domain, for example: SHOPNAME.myshopify.com Authenticated request:

curl -i -H "X-SHOP-DOMAIN: $SHOP_DOMAIN" \
  -H "X-API-KEY: $API_KEY" \
  "https://api.linkedoption.com/v1/groups

Base URL

https://api.linkedoption.com/v1

Endpoints

1. List all groups

Retur

Question 5

Customize option appearance on product page

Accepted Answer

Customize how product options appear on your product pages with the visual Template Editor. This tool lets you easily design and apply different styles, ensuring a consistent, branded, and engaging shopping experience.

You can create multiple templates for different product groups, giving each product type its own distinct option style—whether as buttons, color swatches, image swatches, or dropdowns. This flexibility allows each product to reflect its unique characteristics.

Option Template Types

Button Displays options as clickable buttons. Ideal for attributes like size, material, or style that customers can quickly select.

Button

Color Swatch Visually represents color variants instead of text labels, helping customers see exact color choices at a glance.

Color Swatch

Image Swatch Best for products with multiple visual variations. Each option shows an image preview, allowing customers to view designs or textures before selecting.

Image Swatch

Dropdown Displays options in a compact list format. Suitable for products with many variants or when you want to save space on the page.

Dropdown

Question 6

Seamless Product Switching – Compatibility & Setup Guide

Accepted Answer

1. What is Seamless Product Switching?

When Seamless Product Switching is enabled, selecting a product option (for example, size, color, or linked variant) will:

Update the product content dynamically
Replace specific sections on the page
Update the browser URL
Avoid a full page reload

This creates a faster and smoother browsing experience similar to a single-page application (SPA).

2. How to Use This Feature

Step 1: Enable Seamless Product Switching

In the app settings, enable:

✅ Enable seamless product switching

By default, only the section that contains product options will be updated.

Step 2: Add Additional Section IDs or Stable Keys (Optional)

Some parts of the product page may also need to be refreshed when the product changes, such as:

Product recommendations
Product details
Reviews
Custom theme sections

You can enter either:

A stable section key (recommended) — use the exact part after __
A full section ID — full IDs remain supported

Recommended stable key example

If the full section ID is:

shopify-section-template--22688037077300__product-recommendations

Enter only the section key after __:

product-recommendations

A duplicated theme or another version of the same theme can have a different Shopify-generated template ID while keeping the same section key, for example:

shopify-section-template--22688037077300__product-recommendations
`shopify-section-template--98765432100000_

Frequently Read Articles

Browse All Categories