> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.adoric.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Set Mix-and-Match Custom Position



[]()

## How to Adjust the Position 
💡 By default, the Quantity Break campaign is set to "Custom Position" and appears above the Buy button on your product page. However, you can customize its placement using the following methods:
* *
### Methods to Customize Campaign Position
#### 1. Using Theme Editor (2.0 Themes)
Set a global position for all campaigns or adjust the position of specific campaigns.

[Video guide](https://www.loom.com/share/2e6e0d5bc0d54043a35a720fc9e94d95)
    
#### 2. Custom Settings (All Themes)
Place the campaign in predefined positions like "before HTML" or "after HTML."
    
#### 3. Embedding with Short Code (All Themes)
Manually place the campaign by inserting a short code anywhere on your page. This method is ideal for page builders such as PageFly. ____
    
### 1. Using Theme Editor for Online Store 2.0 Themes
1. Go to Adoric Bundles Global Settings in your Shopify admin panel.
2. Click Position, then choose Mix-and-Match.
3. Select Using Theme Editor and click Go to the theme editor.


![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-08-22-at-175001_t8ttry.png)


4. Navigate to the specific campaign and copy its ID: Settings > Show on Pages > Using Theme Block > Copy Mix-and-Match ID.
**Note: **Each campaign has a different ID, 
5. Click Go to the Theme Editor and click Section. Then locate the "Adoric Quantity Break" block:
6. Drag and drop the block to your desired position in the left-hand menu.
7. Click on Adoric Quantity Break, paste the copied ID into the field in the top-right pane, and save.
    
![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-08-22-at-175121_15vv9ye.png)


💡 Note: The new position will apply exclusively to this campaign.

### 2. Custom Settings (All Themes)
1. Go to **Settings > Position > Mix-and-Match**
2. Choose **Custom Settings**.
3. Use predefined positions like "Before HTML" or "After HTML".

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-08-22-at-175150_1tygj7w.png)


**Note: **
* You can find the selector using the "Dev Tool" on your browser 
* [__Here's a guide on how to open the Dev Tool__](https://developer.chrome.com/docs/devtools/open) 
* [__Here's a guide on how to find and copy the selector__](https://www.scrapingbee.com/tutorials/how-to-extract-css-selectors-using-chrome/#:~:text=The%20process%20is%20very%20simple,and%20click%20on%20Copy%20selector.)

### 3.  Embedding with Short Code (All Themes)
For older or custom-built themes, campaigns can be placed using short codes:

1. Open the specific campaign in Adoric.
2. Navigate to Settings > Show on Pages > Embed with Short Code and copy the code.
3. Paste the short code into the desired location on your page.
    
💡 This method is ideal for themes that are not compatible with the Online Store 2.0 framework.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-08-22-at-175227_zkadvl.png)


### Important Notes
1. Compatibility Issues: The campaign may not display correctly with custom themes.
2. App Conflicts: Other apps may interfere with the campaign's functionality.

** **