> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/group-products-as-variants/change-product-groups-position-on-product-detail-page.md).

# Change product group's position on product detail page

### Step 1: Open the Theme Editor

1. In Shopify Admin, go to **Online Store → Themes**.
2. Click **Customize** on your active theme.

<figure><img src="/files/r8HUDW4TIuAuhwKglqxy" alt=""><figcaption></figcaption></figure>

***

### Step 2: Add the App Block

1. Open a product page template.
2. In the left sidebar, click **Add Block**.
3. Select **Apps**.
4. Choose **Product Groups**.

The app block will be added to your product page.

<figure><img src="/files/f81WaOpI38oh6NrYC3r2" alt=""><figcaption></figcaption></figure>

***

### Step 3: Position the Block

Drag and drop the app block to the desired location within the product information section.

<figure><img src="/files/4AwcHHgZaFbqTUbW9bR1" alt=""><figcaption></figcaption></figure>

***

### Step 4: Save Your Changes

Click **Save** in the theme editor to publish the changes.

***

**💬 Need help?**

Email us at **📧 <contact@globo.io>** - we’re happy to assist!