Custimize Position for your Quantity Breaks Widget

How to Adjust the Position of Adoric Quantity Break Campaigns on Your Shopify Store

By default, the Quantity Break widget 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 (for Online Store 2.0 Themes)

Set a global position for all campaigns or adjust the position of specific campaigns.

2. Custom Settings (Compatible with All Themes)

Place the widget in predefined positions like "before HTML" or "after HTML."

3. Embedding with Short Code (Compatible with All Themes)

Manually place the widget by inserting a short code anywhere on your page. This method is ideal for page builders such as PageFly.

Using Theme Editor for Online Store 2.0 Themes

Global Position Adjustment

Go to App Settings in your Shopify admin panel.

Click Position, then select Quantity Breaks.

Choose Using Theme Editor and click Go to the theme editor.

In the Section, add a block:

Click the "+" icon in the left-hand menu or on the product page.

Search for "Adoric Quantity Break" in the App section and add the block.

Drag and drop the block to your desired position in the left-hand menu.

Example: Position the campaign beneath the Price block.

Save the changes.

The widget will now appear in the selected position for all campaigns of this type.

Adjusting Position for a Specific Campaign

Go to Adoric Bundles Settings in your Shopify admin panel.

Click Position, then choose Quantity Breaks.

Select Using Theme Editor and click Go to the theme editor.

Navigate to the specific campaign and copy its ID:

Settings > Show on Pages > Using Theme Block > Copy Quantity Break ID.

Click Go to the Theme Editor and click Section.

Locate the "Adoric Quantity Break" block:

Drag and drop the block to your desired position in the left-hand menu.

Click on Adoric Quantity Break, paste the copied ID into the field in the top-right pane, and save.

The new position will apply exclusively to this campaign.

Positioning for Non-Online Store 2.0 Themes and Page Builders

For older or custom-built themes, campaigns can be placed using short codes:
Open the specific campaign in Adoric.

Navigate to Settings > Show on Pages > Embed with Short Code and copy the code.

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.

Important Notes

Quantity Break Limitations: Only one campaign can appear per page due to Shopify's single Buy button. For bundles, multiple campaigns can appear on one page as separate blocks.

Compatibility Issues: The widget may not display correctly with custom themes.

App Conflicts: Other apps may interfere with the widget's functionality.

Updated on: 20/01/2025