To customize the design of the text elements in the app’s widgets, follow these steps:

1. Go to Theme Customizer:
   • In your Shopify Admin, navigate to Online Store > Themes.
   • Click on Customize to open the theme customizer.
2. Access App Embeds:
   • In the theme customizer, go to the App Embeds section.
   • Expand the menu under the MW Product Bundles extension to access the settings for customization.

1. Customize Color Scheme: The following color settings are available to modify the appearance of the widget:
   • Primary Text Color: Used for widget title and subtitle, product name, final price, and product variants.
   • Secondary Text Color: Used for review counter, original price, and product variant names.
   • Primary Button Background Color: Used for the 'Add to Cart' button for the offers.
   • Primary Button Text Color: Used for the 'Add to Cart' button text.
   • Input Controls Text Color: Used for text in product variants and quantity elements.
   • Input Controls Background Color: Used for the background in product variants and quantity elements.
   • Stars Background Color: Used for the review stars shown for products in the offers.
   • 'In Stock' Status Color: Used for indicating the 'In Stock' status.
   • 'Out of Stock' Status Color: Used for indicating the 'Out of Stock' status.
   • Divider Background Color: Used for the divider between products in the offers.
   • '+' Color: Used for the '+' color in the Buy X Get Y offers.
   • Volume Deal Title Text Color: Used for the title text color of volume bundles.
   • Volume Deal Discount Badge Text Color: Used for the discount badge text color of volume bundles.
   • Volume Deal Discount Badge Background Color: Used for the discount badge background color of volume bundles.
   • Volume Deal Selected State Color: Used as the color of the selected state of volume bundles.
   • Volume Deal Selected State Background Color: Used for the background color of the selected state of volume bundles.
2. Volume bundle layout style

You can customize the layout of the Volume Bundle offer type by choosing one of the following options:

• Vertical – Displays each pricing tier stacked vertically
• Inline – Displays tiers in a single horizontal line
• Grid – Displays tiers in a grid format

Note:

If the Inline layout is selected but there isn't enough horizontal space for the widget — for example, if the container is too narrow or there are too many pricing tiers — the widget will automatically switch to the Grid layout for better visibility and usability.

Vertical

Inline

Grid

1. Customize Typography: You can adjust the typography for the MW Product Bundles widget:
   • Font Family: Choose the font style that matches your theme.
   • Heading Font Size: Adjust the size of the headings in the widget.
   • Body Font Size: Adjust the font size for the body text in the widget.

By adjusting these settings, you can match the MW Product Bundles widget’s design with your store's branding and overall look.

@2008-2025 Mageworx

Our products

Product bundles

Advanced product options

UpCharge: Surcharges & Fees

Mageworx Upsell & Cross‑sell

Company

About us

Terms

Privacy policy

Support