Broadcast is built to use Shopify's Online Store 2.0 (OS2) which allows you to use all of Broadcast's 25+ sections everywhere including the Homepage, Product pages, Collections, Pages, Blogs, Cart page, Search page, and more. Endless flexibility options for your store.

Shopify's Online Store 2.0 also includes Collection filtering tools, unique content using Metafields (dynamic source), easy to create custom templates, improved storefront performance. Broadcast uses all the features included in Shopify's new modern platform.

Getting started with Online Store 2.0

Shopify's platform change completely remodels how you can use your store. Start with learning the features and changes Shopify has introduced:

Progress wheel

Animated progress wheel to help your customers know how close they are to free shipping. The wheel fills up and the value changes as items are added to the cart:

How to setup

Enable Show progress wheel in the settings:

Modify the message text as needed. Keep the || amount || custom short-code to reference your set value from the Cart settings.

Spend ||amount|| more for free shipping.

To adjust the free shipping value, navigate to Theme settings and then choose Cart:

Once the required amount is reached a message will show up in the cart page as well:

Target Page

Display a free shipping message to your customers only when the customer is browsing a certain page, product, collection, or blog post on your site. Target your message based on where customers are browsing on your site:

Target Referrer

Target a specific audience by using Target Referrer. Your announcement bar will only appear when the customer arrives at your site from a certain path or location.

Target Device

Target only certain devices or create a custom announcement bar message for mobile devices and another for desktop browsers.

Click on Announcement bar to customize background and text colors and layout styles:

Layout options

Slider

Slider fades the current message out and fades in a new message when multiple messages are enabled. The Autoplay speed setting determines when messages rotate.

Marquee

Marquee option will auto-scroll messages across the browser or device width.

Broadcast is likely the most feature-rich theme ever built for Shopify. We hope you didn’t notice. Broadcast is built to be a theme that is easy to set up and run for the first time and also a theme with rich features that you can tap into as your needs become more complex.

These docs are built to guide you along that journey. We hope to build themes that rarely need documentation but e-commerce is complex and some things just require explanation. In some cases these docs are opinionated. The authors of Broadcast have been working in e-commerce for over a decade, building Shopify themes, launching startups, and building large complex sites for international brands. We have opinions about best practices that are based on this experience. We have baked that ethos into Broadcast.

Our goal is to help you avoid pitfalls and build a site that is maintainable for the long term. In general, we don’t document the obvious things. If you see documentation here, it’s probably worth reading — even if you are an expert. From all of us at Invisible, we hope you love it as much as we do.

Demo stores

Explore our Shopify demonstration stores running Broadcast:

Try Broadcast

Support

If you have questions or need additional assistance with using the theme, our support staff is here to help you by email. We offer free theme-related support by email to all our customers with no extra fees. You can also inquire about features or ask us questions about the theme before your purchase. Reach us by sending a message to help@invisiblethemes.com

Earlier versions of Broadcast

Add single or multiple text announcement bars with links to promote your offers:

Target Page

Display custom announcement messages to your customers only when the customer is browsing a certain page, product, collection, or blog post on your site. Target your message based on where customers are browsing on your site:

Target Referrer

Target a specific audience by using Target Referrer. Your announcement bar will only appear when the customer arrives at your site from a certain path or location.

Target Device

Target only certain devices or create a custom announcement bar message for mobile devices and another for desktop browsers.

Build custom announcement messages and use targeting options to provide complete customization for your promotions.

Target Page

Display custom announcement messages to your customers only when the customer is browsing a certain page, product, collection, or blog post on your site. Target your message based on where customers are browsing on your site:

Target Referrer

Target a specific audience by using Target Referrer. Your announcement bar will only appear when the customer arrives at your site from a certain path or location.

Target Device

Target only certain devices or create a custom announcement bar message for mobile devices and another for desktop browsers.

Logo above menu

This style places the brand logo in the middle and navigation below. The design allows for a longer navigation as the entire header space is available to the navigation menu. Social icons are also placed at the top left. Account, search and cart are placed on the right side:

Icons

Broadcast includes several icon options with varying styles coupled by sizes. These examples demonstrate the account, search and cart icons using different combinations:

Clean icon style uses softer notes and a classic basket for the cart icon:

Modern icon style brings some darker elements to the icons and a different cart style:

Bold icon style is an even darker with solid elements:

Social icons are optional and are based on the links you choose to setup in the Theme settings -> Social media. Large icons can be used with all icon styles:

Logo beside menu

This style places the brand logo to the left with the navigation in the center. The design is a more compressed header area. Ideal for smaller/shorter navigation menus:

Icons

Examples of icons when used with Logo beside menu style and sized Small:

Setting the icon size is set to Large can be helpful to balance whitespace and draw attention to the icons:

Experiment with different icon styles and sizes to find the right look to match your brand.

Mobile drawer menu

This minimal style adopts the mobile design pattern which is used on all mobile devices. This style is the cleanest option, hiding the navigation into a mobile style drawer and keeps consistency between mobile and desktop:

When the menu text or icon is clicked, the slide-out mobile drawer is displayed on both desktop and mobile:

Icons

This design with icons uses the commonly recognized hamburger style icon to represent the menu. Example icons set to Small:

Icon size set to Large:

The search icon is placed next to the mobile style hamburger icon for balance. Account and cart icons are on the far right.

Search icon toggle

The search icon can be hidden or shown by using the toggle checkbox:

Logo center menu left

This compressed design brings the brand logo to the middle and places the navigation menu to the left. Ideal for smaller/shorter navigations and keeping with a smaller header area:

Icons

Icon size set to: Small:

Icon size set to: Large:

Transparent header

When using a transparent header, you can experiment with different icon styles to help the icons standout with your background image. A large icon size sometimes helps to bring attention to the icons:

Find the transparent header options lower in the Header section settings:

Broadcast comes complete with 25+ professional theme sections to help you merchandise your online store. Sections can be added to any page on your store.

Discover the complete range of sections and their settings. Experiment by adding different types of sections and section blocks to the homepage and the other pages within your store.

Section settings

To find the primary settings for each section, click on the section name to view the settings panel. These settings control

Wider desktops screens will display the settings panel on the right side of your screen:

Adding a section

Hiding a section

Use the eye icon next to the section title to toggle the display of the entire section:

Tip - Blocks have their own eye icon, be sure to select the section eye icon to toggle display of the entire section.

Reordering sections

Use the handle icon which is located next to the eye icon to drag a section and drop it in a new position:

Helpful when adding new sections as they appear at the bottom of your section list.

Broadcast makes it simple to add images right into your Navigation. You can create a drop-down menu with just images or a combination of menu items and images.

Expand header to add an image block

Click on the expand icon to the left of the Header this will open the block options:

Adding images to menu items

In the Header content area, you can add image content blocks. These images will map to your menu items. For example, to add an image to the second menu (Shop) we will choose Item 2 as the Link position in main menu:

On mobile, a single image will appear full width:

Transparent header with sticky scrolling

Transparent header default scrolling

Sticky scrolling, no transparent header

Default scrolling, no transparent header

Broadcast can display a transparent header on the homepage, collection pages, and article pages:

When using a transparent header, you may include a second logo to provide contrast with your main homepage asset.

If a sticky header is also used, a darker logo will provide the needed contrast upon scroll.

Logos

An Alternate logo option is available to help provide better contrast when transparency is used. This is an optional but helpful feature.

If a Sticky header is enabled, the first primary logo is used while scrolling. This overrides the Alternate logo choice during scroll.

Broadcast can display your social media network links as icons in the navigation header. There are two Header styles that support the social media icons, Logo above menu and Mobile drawer menu.

Logo above menu

For desktop browsers, this Header style will display your social media icons on the top left:

Two sizes are available, normal and large:

Mobile drawer menu

When using this header style, the social media icons are displayed at the bottom:

Mobile devices

Most mobile devices will automatically switch to a Mobile drawer style for navigation. For mobile devices, the social media icons are displayed at the bottom of the drawer regardless of the Header style used.

Hiding social icons

There is an option to turn off social icons for both desktop and mobile:

Setting up social links

Use the Theme settings -> Social Media settings to add and remove links to your social networks. When a link is added here, Broadcast will automatically generate a social icon for that network in the header.

Section introduced in Broadcast 3.2

Display accordion and text-based content in a section. Featuring autogenerated navigation that allows customers to navigate easily through your content blocks.

The sidebar navigation is displayed on desktop devices and remains sticky for quick access to content areas.

How to use

View the complete overview of this section including adding blocks and section settings:

Settings

This section includes sections settings and multiple block options:

Version

The Sidebar section was introduced in Broadcast 3.2.0

This Broadcast section will display two images to show a before state and then an after state to compare results.

Customers can drag the slider between both photos to compare products or services.

Settings

There are no blocks for the Before and After section. All settings are included under section settings.

Version

The Before and After section was introduced in Broadcast 3.2.0

Many sections contain section blocks. These are blocks of content that you can add, configure, hide, reorder within a section and remove. An example of a content block is a slide in a slideshow section. You can configure each slide, hide a slide, reorder slides and remove or delete a slide.

Adding blocks

Each section that supports blocks will have an option to add a block. For example, with the Slideshow section, adding a new block is called Add Slide.

Removing blocks to add new blocks

Some sections will have a limit to the number of blocks that can be added. For example, with the Custom content section, there is a limit of 2 blocks (2 columns). You can easily delete a block to add a different type of block:

Block settings

Similar to sections, each block has its own settings. These settings are where you customize the content inside your sections:

Explore sections and blocks

Build rich and creative sections on your homepage, product pages, collections, blogs, pages, and more by exploring different sections and block types.

Some sections include content in the section settings that compliment content in blocks. For example Shop the look will have the primary image settings in the section:

Each block is then used in the product slideshow, allowing you to showcase multiple products on one image:

Hide and reorder blocks

Content blocks can be hidden to be used later or deleted if not required:

Content order can easily be changed using drag and drop:

An updated list of sections for Broadcast 3.2.0 and higher.

Displayed in order of appearance when using Add section in the Theme Editor:

• Collection carousel

• Collection list

• Featured collection

• Featured product

• Product accordion

• Image accordions

• Recently viewed products

• Shop the look

• Tab collections

• Custom content

• Image banner

• Logo list

• Map

• Press

• Slideshow

• Split images

• Video

• Accordion

• Accordion group

• Announcement bar

• Before and after

• Blog posts

• Contact form

• Custom HTML

• Custom Liquid

• Featured blog posts

• Newsletter

• Rich text

• Sidebar

• Testimonials

• Text columns with icons

• Text columns with images

• Text promo

This Broadcast section will combine two images together and add a shared heading, subheading, and/or call-to-action button as options.

The section includes controls to adjust individual image positions, mobile layout options, text sizes, text placement, and more.

How to use

View the complete overview of this section covering desktop and mobile options:

Settings

There are no blocks for the Split Images section. All settings are included under section settings. For full details view the above video walk-through.

Version

The Split images section was introduced in Broadcast 3.0.0

Broadcast includes a feature to display a custom size chart for any product you sell or a single size chart for all products when using the default product template:

Custom size chart for any product

Broadcast uses product metafields to display a custom size chart on each product page. This allows you to create multiple size charts and assign them to different products in your store.

How to setup

Create size chart pages

To begin, create as many size chart pages as needed in your Shopify Admin Page editor. If you have an image already created for your size chart, add that to the content section of the page:

Create a reference metafield

The next step is to define a Product metafield using Page as the reference type:

Setup products

Your products will now have a Metafields section at the bottom. Use this to select which size chart page should be displayed when a customer is viewing this product.

Connect dynamic data source

In the Theme editor, choose your Size Chart metafield as the dynamic source:

Video tutorial

Watch all the steps required to setup custom a metafield and connect to your products:

Steps covered in the video:

• Create a reference metafield - Shopify Admin Settings

• Assign a size chart to products (choose a page) - Shopify Product setup

• Connect dynamic data source - Theme editor product template

Single size chart for all products

If your store requires only one size chart for all product pages, you can skip a few steps and simply choose a page in the From settings:

This article is for Broadcast v3. For earlier versions of Broadcast, click here

Broadcast can show your product description in tabbed or accordion format. Add extra content to your product pages to help improve customer confidence with your products and brand.

How to use

Start by clicking on Product description on any product template, to open the product description settings:

Tab style

Choosing Accordion will convert tabs to accordions:

Choosing Disable tabs will hide all tabs:

Hiding a single tab

To hide or disable a tab, remove the title or description of that tab. Both the title and description are required to display a tab.

Metafields for displaying unique and custom content

Product description tabs in Broadcast support Shopify's Dynamic source feature with Online Store 2.0. Metafields allow you to attach custom content to each product and then display them on the product page.

Learn how to add unique content into each tab using metafields:

Broadcast will display swatches for color variants in collection filtering and the product form on product pages.

Customize the trigger words

To customize the trigger words which activate swatches, use the Language Editor (Edit languages) and add or modify the values:

You can add more trigger words that will help use swatches for other options.

The result is the same and you can use different custom swatches as well.

Colors

Broadcast can easily detect simple color names and convert them to swatches. There are a total of 140 color names Broadcast can detect, all other more complex names will be represented by a default grey color swatch. You can upload your own custom color names and graphics as described below. Here is a full list of color names that will automatically be converted to swatches: Color names list

Customizing

If your products have color names other than the listed colors in the Color names list, you can add your own color names and values or upload images to the Assets folder:

Add custom color names and values to swatches.json

Use the swatches.json file located in the Assets folder to add your own custom names and HEX color values:

To find additional HEX color codes,visit: https://colorhunt.co

Add custom images to the assets folder

With Broadcast, you can upload your own custom swatch images and display them on product and collection pages:

How to:

Video tutorial

Reference from the video:

    {
      "Stripes": "stripes.jpg"
    },

Avoid spaces in the filename

For the JSON file, your multiword variant can look like this:

    {
      "Light Navy": "light_navy.png"
    },

The variant name can have spaces. However, we recommend for the filename of the image, use an underscore or dash instead of a space.

Video tutorial - More tips for custom images

In this short video, we'll look at filenames and an example of creating a custom image for a swatch:

Disabling swatches

Swatches can be toggled on and off in the Theme settings under Product Grid:

If you have a product that is not yet ready to be shipped to customers, you can set it up as a pre-order product. Broadcast can replace the add-to-cart button with a pre-order button by using a _preorder tag.

How to use

• From your Shopify admin, choose "Products"

• Choose the product you want to change into a preorder

• Add the tag _preorder

• Save the product

When Broadcast sees a product with this tag, the Add to cart button will automatically be changed to Pre-order.

Customize the button text

Use the language editor to customize the button text for pre-order.

Search for pre-order in the Filter bar:

Manually capture payment

Pre-orders require that you set up payment options to manually capture payments instead of automatic.

From your Shopify admin, click Settings (bottom left), and then click Payments:

Scroll down to find the Payment capture section, choose to Manage for Payment capture set to Manual:

Choose Manually capture payment for orders:

Learn more about Capturing payments from Shopify:

Broadcast adds sale elements to your Product Detail page, Collection pages, and to Product Grid sections to help your customers visually see sale times and their savings.

On a Product Detail page, Broadcast adds a sale badge next to the current price (sale price) and compare at price (original price) displaying the savings percentage:

On a Collection page or any section that uses the Product Grid, Broadcast can add a custom color SALE badge over the product image:

How to setup

Sale pricing is managed in the Product setup for each product where Price is the discounted price and Compare at is the original price or more expensive value:

Use the Theme Editor to customize the Sale badge feature which is used on Collection pages and Product Grid sections.

Under Theme Settings, select Product Grid:

Here, you can customize the badge colors and also toggle on/off the badge feature:

Customize language

With the Language Editor, you can modify the text used for both style of badges. Begin by opening the Language Editor (Edit languages):

Sale badge on Collection pages and Product Grid sections

To modify the text "SALE" on Collection pages and Product Grid sections, the badge text value is found under Products, Product, On sale.

In the search box, type-in: Sale and scroll to the bottom to find On sale:

Percent off text on Product Detail page

To modify the text "OFF" after the percent symbol on Product detail pages, type-in off, scroll to the bottom and change the value for Products, Product, Off:

Save your changes.

To add unique content to your product tabs or accordions, we can use metafields. With metafields, we can easily display unique content and information for all products or only specific products.

Example unique tab content for one product:

Example tab content from another product:

Tabs are dynamic when using metafields. Some products may not display the tab entirely:

How to setup

There are three main easy steps when configuring your product template and products to use metafields.

The first two steps only need to be performed once. The third step is done to any or all your products individually.

Video walk-through

All steps are covered in this video:

Reference

You can use the following reference information to help with the steps covered in the video.

Define a product metafield

The first step is to create a product metafield under Shopify Admin -> Settings -> Metafields

Create or define a Product metafield for your tab content using Multi-line text as the content type.

Link the metafield to a product description tab

Using the Theme Editor, use the Insert Dynamic Source icon to link the metafield you created with the tab text section in the Product description settings.

Add unique tab content under Product Setup

You are now ready to add unique content to any of your products. All content is added in the main Shopify Admin -> Products

Find a product that will have custom tab content and scroll to the very bottom of the product setup. Under Metafields, add your text to the metafield you created:

Feature introduced in Broadcast 3.2

Broadcast supports metafields for creating pre-order products. When you define a preorder metafield, you can easily toggle on or off the preorder feature which converts the Add to Cart button to a Pre-order button.

On the main product page, the Add to Cart button is replaced with a Pre-order button:

When viewing a collection page or any product grid-style section, a PRE-ORDER badge is added to the product:

Quick Add button is changed to Pre-Order:

In the cart drawer and cart page, a message is included to indicate that the item is a pre-order:

How to setup

Setting up a preorder metafield is very simple and can be done right in your Shopify Admin. This video covers all the steps needed for creating a preorder metafield plus additional customization options:

Reference

You can use the following reference information to help with the steps covered in the video.

Metafield definition

Create a product metafield with the namespace and key set to:

theme.preorder

Set the content type to True or false

Product setup

In the Metafields section of any product that you'd like to use the feature, change the preorder value to True:

Preorder template

To remove the Buy it now button as shown in the video, you can create a preorder product template and uncheck Show dynamic checkout buttons under the Form block:

Additional information

When selling pre-order products on your store, you may want to manually capture payments:

Manually capture payments

You can customize the button text for pre-orders to match your language or simply use different wording:

Customize the button text

Click on Product pages to view settings and options:

Product description

Enable sticky form

For use with stacked image display. The product form stays in view while scrolling stacked images. Recommended for long pages with large images. Allows shoppers to have access to the call-to-action buttons while scrolling product images. Sticky behavior ends when the shopper has reached the last product image and continues to the content below.

Layout

Image display

Broadcast includes three different layout styles for displaying your product images and thumbnails:

Thumbnails - Bottom

Thumbnails - Left

Stacked

Grid

Feature introduced in Broadcast v3.2

The grid layout displays a large first image followed by 2-column smaller images. A popular design choice as thumbnails are large and less scrolling is needed over the stacked layout design:

Image size

Broadcast also includes three image sizes to choose from to help match your product images:

Cart bar

Enable cart bar

The cart bar remains visible to shoppers while scrolling through long product pages. It includes the product name, price, and Add to Cart button making it easy for customers to add your product to the cart:

Media

Broadcast includes a powerful image zoom feature that allows customers to easily zoom in to product images and cycles through them in a full browser window mode:

Section padding

Feature introduced in Broadcast v3.3

Section padding gives you granular control over the spacing above and below sections. With product pages, the controls will help you increase or reduce white-space at the top and bottom of the main product information:

Broadcast includes an accordion section with the default product template to help you provide frequently asked questions. A place to promote your services, brand strengths and also include product reviews for the current product.

Theme blocks

Broadcast includes flexible content block types to help you quickly build rich accordions:

Content block types can be mixed and combined in each accordion section

Example of adding a new icon column

Changing the heading

Hiding an entire accordion section

Displaying product reviews

When reviews are enabled, they will appear in the accordion. Broadcast has built-in support for the Shopify Reviews app (required).

Toggle under Reviews:

Custom content inside accordions

Using metafields, we can add custom unique content to accordion blocks for individual products.

Video tutorial - How to add custom content using metafields

Feature added in Broadcast 3.4. For earlier versions click here

With Broadcast, you can suggest a pairing product on any of your Product pages. This allows the customer to purchase two separate products within one product page.

Broadcast includes an easy variant chooser for your products which have multiple variants:

New Variant Chooser Drawer demonstration:

Cart promotions

A second chance is available to the customer in the Cart drawer. If the customer doesn't use the Product page upsell promotion, they will have another opportunity in the Cart drawer:

How to setup

There are three main steps involved for using Broadcast's upsell feature:

1. Create a product metafield with a unique namespace and key called: theme.upsell

2. Link products together in the Product setup

3. Add the Upsell block to the Product form in the Theme Editor.

Let's begin with creating a new custom metafield:

Metafield configuration

The first step is to define a product metafield with the namespace and key of theme.upsell and type Reference to Product, Single product:

Start by defining a new metafield in your Shopify Admin under Settings:

Click on Add definition:

The important part

Name your metafield "Upsell" and make sure you change the default namespace from custom to theme. The namespace and key should be exactly: theme.upsell:

The Content type, should be Product, One product.

Creating metafield demonstration:

Link products together

To pair products, use the Product setup in your Shopify Admin:

Choose a product, then scroll to the bottom where you'll find your newly created Upsell option under metafields. Here you can easily choose a product to pair with:

Choosing a product demonstration:

Save your changes.

Final step, add the Upsell block in the Theme Editor

This is a quick step and is done in the Theme Editor. Navigate to a product in the Theme Editor or use the Default product template (or any product template):

Choose Add block under Product pages:

Add the Upsell block. Add block -> Upsell:

Save your Theme Editor changes.

Adding the Upsell block demonstration:

Broadcast includes a Product detail block called Icon that can be added to the Product form on any of your product templates. The block can be positioned in various locations on the form and has easy-to-use block settings to quickly choose a predefined icon and color choice or upload your own custom icon.

Feature introduced in Broadcast 3.2

Example of Icon block added below the call to action buttons:

Customization

Use the block settings to customize the icon by choosing a predefined icon from the drop-down list or add your own icon image.

In the block settings, you can choose a custom color for the icon to help draw attention to features or promotions or to simply match the design of the page.

Dynamic data sources are supported if you'd like to have a unique icon and message for certain products.

Broadcast can display a custom value or text for products that are sold at no cost. You can change the price from $0 to a text message:

Examples:

• Sample

• Free Gift

• No charge

How to setup

In the Shopify Admin under Products, set the Price to a zero value for the base currency:

Use the Language Editor (Edit languages) to set your text value:

In the Search box, type-in: Free and scroll to the bottom. Under General -> Money -> Free, you can customize the value:

Save your changes to finish.

Feature introduced in Broadcast 3.2

Build a sense of urgency with Broadcast's low inventory message option in the product form:

The message is customizable in the Language Editor for your theme and supports HTML. You can change the message and add basic styles:

How to setup

There are three basic steps needed for the inventory countdown to appear correctly:

Enable inventory tracking

Use the Track quantity option in your Product setup and set an available value:

Product form block setting

In the Theme Editor, click on the Product form block for the settings options. Toggle on Show inventory countdown:

Customize the message

The message you display for any/all languages can be customized in the Language Editor:

Use the search box to quickly find the correct field. Type in: Remaining

Under Product, you should see Remaining html.

Here you can customize the message. Use the key code {{ inventory }} to display the counter value.

Update for all your languages if your shop supports multiple languages.

Here's an example of what we used to bring in the theme's primary color:

Code snippet:

<span style='color:var(---color-primary)'>&#9658;</span> Hurry, Only <strong>{{ inventory }}</strong> Left!

View the latest article at: https://broadcast.invisiblethemes.com/products/related-products

The accordion section in Broadcast includes a robust selection of blocks to visually improve content displayed on product detail pages, homepage, blogs, pages, and more.

Content blocks include:

• Text column

• Image column

• Icon column

• Custom HTML

• Contact form

Video overview

Full details about each block type for accordions:

Adding images to accordions

Images in accordions are added by using the Image column block. Here's a quick 1-minute video demonstrating how to add images:

Feature introduced in Broadcast v3.5

Broadcast includes the ability to link directly to other products as product swatches. The result is rich product detail pages that include swatches with images that represent each variant option.

Clicking on a swatch displays only the images associated with that variant option and also the product details and prices for the variant:

Each product sibling appears automatically as a swatch:

Each sibling is an individual product. Using custom metafields, Broadcast will connect these products together and auto generate the swatch images.

Example of individual products in product admin:

Broadcast Product page theme blocks help you customize the primary or core content for your product pages and product templates. Adding sections further enhances your merchandising.

Types of theme blocks

Broadcast includes the following theme blocks for product pages/templates:

Price and title

If you want to change this text you can go into your Online Store > Themes and click on Actions > Edit Languages:

Search for free in the Filter bar and edit the field under General > Money > Free:

Product description

Form (Product form)

Upsell

Sharing

Local pickup

Broadcast has built-in support for Shopify's Product Reviews app. Star ratings can be shown throughout the theme. Here are some examples:

Product Detail page

Star and average rating value next to product name:

Individual reviews and form to add a new review can be shown with Broadcast's accordions or separate below the product description:

Collection page and Product Grid sections

Stars shown above product name and price:

How to setup

Broadcast includes quick and easy settings in the Theme Editor to display ratings. The main requirement is that you have the Shopify Reviews app installed:

If you don't have the app installed, use this link to download and add:

Theme Editor Settings

For the Product Detail page, you can easily add the rating value, star and number of ratings from the Price and title block under Product pages:

There are checkboxes for the following:

• Show ratings - Displays the average rating value for the current product.

• Show star rating - Adds the star icon next to rating number (requires show ratings to be checked as well)

• Show rating count - Displays the number of reviews for the current product.

Broadcast includes a Reviews section on the Default product template, use that to display individual reviews and details:

Setting options include:

• Enable reviews - Toggle to display reviews

• Enable accordion - Integrate with Broadcast's accordion section

Alternatively, you can use App blocks to display the Product reviews and stars on the page:

Collection pages and Product Grid sections

To display the rating stars on a Collection page or Product Grid sections, use the Theme settings -> Product grid settings:

Enable by using the checkbox:

Save your Theme Editor changes.

This article is for Broadcast v3.0 to v3.3.1 only. Tags are not supported as of v3.4

With Broadcast, you can suggest a pairing product on any of your Product pages. This allows the customer to purchase two separate products within one product page.

Two upsell opportunities

One - Broadcast can suggest a product to pair with. The customer can choose the upsell product from the Cart after adding the primary product.

Two - Customer can add the upsell product to the Cart directly from the main product page and also add the primary product to Cart.

How to:

There are two steps involved with setting up upselling:

1. Add the Upsell theme block to the default product template

Position the upsell promotion

Use drag-and-drop to position the upsell theme block on your product page:

2. Tag your product with a custom upsell tag to pair with another product

To pair a product with another, you simply add a tag to the main product with a custom tag. The tag links to the upsell product or links directly to a variant of the upsell product.

Here's an example of a primary product called Carnation. We'll add the custom upsell tag here. This tells Broadcast that when a customer is viewing the Carnation product, to suggest an upsell product as well. The upsell product is the custom tag (Radiance):

We simply add a tag called _upsell_radiance to Carnation which implies that Radiance is the product we want to promote on the Carnation page

Creating upsell tags

There are three parts to creating your custom upsell tags:

1. The first part of the tag must start with _upsell_

2. The second part of the tag must match the product handle of the upsell item

3. The last part is the variant id if your product has variants. This is only required for products with variants.

Example of a completed tag without variants: _upsell_radiance

Variants

Broadcast can suggest more than just an upsell product, Broadcast can suggest an exact variant of a product to upsell. This is can be helpful if you're trying to upsell a certain color, size, or weight of the product.

Example of completed tag for a product that has variants: _upsell_amaranth_39284826538048

Finding the product handle

All Shopify products have a unique product handle. You can easily find the product handle in the main Shopify Admin under Products. Choose any product in your Shopify Admin for Products, then simply used the Edit website SEO link to view details about that product including the handle:

Use that product handle with the prefix of _upsell_ to make your upsell tag = _upsell_radiance

If your product has variants, simply add the variant id to the end of the custom upsell tag prefixed with an underscore. Example:

_upsell_handle_variantid

Finding the product variant id

All Shopify products with variants have a unique ID number associated with the product. To find the variant id, browse to the product your Shopify Product Admin, choose the Edit button next to the desired variant and find the variant id at the end of your browser URL address:

Let's put that all together:

In this example, we'll upsell a different product called, Amaranth. This product has variants. To make our correct custom upsell tag, we'll need:

1. Upsell tag prefix which is always: _upsell_

2. We'll need the product handle

3. Lastly, the variant id for the variant we will be upselling

First, we'll get the product handle:

Great, Now let's get the variant id:

Perfect, we now have everything we need to create our upsell tag:

_upsell_amaranth_39284826538048

Finally, let's add this to our primary product called Carnation product so we can upsell the Amaranth two-pack variant:

We can now view the product page for Carnation and see the upsell promotion:

Demo of adding both products to the cart:

Stacking upsell promotions

In the Cart, Broadcast can stack upsell promotions. If the upsell product itself has an upsell tag to another product, Broadcast will promote both in the cart if the buyer adds the first upsell item.

Example: The primary product is Carnation. Carnation has an upsell product called Amaranth. Amaranth also has an upsell product called Radiance.

Changing the "Goes with" heading

The main heading for this block uses a translatable string:

To change this heading you can go into your Online Store > Themes and click on Actions > Edit Languages:

In the Products tab edit the 'Upsell title' field:

Save the changes and check your Product pages:

Feature introduced in Broadcast v3.5

There are five main components to setting up product siblings:

1. Creating individual products. Each product can have variants like sizes.

2. Group the siblings products into a collection. This collection does not have to be displayed on your storefront.

3. Define two custom metafields to link each product together which will automatically create linked product swatches.

4. Update the metafield information for each product.

5. Add the Siblings block to the Product template in the Theme Editor.

Let's begin with the product setup:

Individual products

Create individual products that are similar. Use the same name for the product title with each product:

Once connected to each other as siblings, they will appear with linked swatches to each other:

Each product can have its own images, inventory, prices, description, variants like Size:

A Color variant isn't required as that will be replaced by image swatches and a metafield is used to display the color.

Collection for siblings

After creating the products, place them all in one collection. The collection does not need to be used for any other purpose (can be hidden from your storefront):

Metafields

The next step is to create two product metafields which are used to connect all the products and information together:

Feature introduced in Broadcast v3.5

There are two product metafields definitions required to connect each of the products together and generate linked swatches.

Use the metafields editor under Settings in the Shopify Admin:

Both metafields will be defined under the category of Products:

Next, create these two metafields:

Feature introduced in Broadcast 3.5

After creating the metafields and adding values to each of your products, the final step is to add the Siblings block to your Product template under the Product pages section:

Video demonstration: How to add and configure the Siblings block in the Theme Editor:

Feature introduced in Broadcast 3.5

The second required metafield is theme.siblings

The content type is: Single line text and One value.

This metafield maps each product to the correct collection handle for the siblings.

Start by defining a Products metafield and name it Siblings. Then change the Namespace from custom to theme and the key to simply siblings.

Next, add a description. You can name this one Collection handle for siblings. Then click on Select content type and choose Single line text and One value:

Save the definition.

Check the saved metafield

Your second metafield should look like this:

Product setup

Next, we will use these newly defined metafields in the Product Setup for each product:

Feature introduced in Broadcast 3.5

The first required metafield is theme.sibling_color

The content type is: Single line text and One value.

This metafield is used for both the swatch label for the product which helps with identifying the color version of the current product:

Start by defining a Products metafield and name it Sibling Color. Then change the Namespace from custom to theme:

Next, add a description. You can use Siblings Color again. Then click on Select content type and choose Single line text and One value:

Save the definition.

Check the saved metafield

Your final metafield should look like this:

The content type is Single line text and style is One value.

Next step

We require a second metafield to be defined:

Feature introduced in Broadcast 3.5

After creating the metafields in the previous steps, we complete the setup in the Product Admin. Add the associating information to each of the newly created metafields for each product.

Siblings color

This value is to identify the swatch (color) and label-name of the swatch. A nice advantage when using Siblings is the ability to create descriptive names for each swatch. You're not limited to basic color names:

Siblings collection

This metafield is used to map each product to the correct collection they belong to. Each group of products should have already been added to a collection.

For example, each product sibling for the product "The All Day Shirt" belongs to a collection with the handle of sibling-collarless:

Collection handle

Be sure to obtain the correct collection handle. Start choosing the collection you created:

Next, click on the Edit website SEO link:

Select and copy the entire handle at the end of the URL handle:

Use this collection handle from the Search engine listing preview -> URL handle as the value in your Siblings collection metafield:

Complete for all products

Update the values for each of the products in your Siblings Collection with:

1. Siblings color

2. Siblings

Once completed, the final step is to add the Siblings block to the Product pages section in the Theme Editor:

Custom product badges in Broadcast allow you to create any type of badge or sticker for each of your products.

Badge colors

Use the Broadcast theme settings to modify the background and foreground colors for Sale badges and Custom product badges:

How to create custom badges

Custom badges are easy to create and all done in your Product setup. You simply add a tag to any of your products with a custom prefix. When Broadcast sees the custom tag, it sticks the badge right onto the product in any grid view like collections, search, recommendations, and more.

Creating custom tags

When Broadcast sees a product that has a tag beginning with _badge_, it will take the following portion and apply that as the custom badge.

Example: _badge_Black_Friday

Displayed as:

Additional examples

Tag: _badge_subscribe

Displayed as:

Feature introduced in Broadcast 3.2

Broadcast makes adding custom individual product badges or sometimes known as stickers very easy to implement and manage by using metafields.

When utilizing metafields you simply create one metafield to activate the functionality. From there you can add badge text to any of your products and Broadcast will automatically generate a custom badge for that product on collection pages or any section using a product grid.

How to setup

If your shop is using Broadcast v3.2 or higher, you can easily use this feature. The following quick video shows you how to setup the custom metafield and how to use with products:

Reference

You can use the following reference information to help with the steps covered in the video.

Metafield definition

Create a product metafield with the namespace and key set to:

theme.badge

Set the content type to Single line text, with one value

Product setup

In the Metafields section of any product that you'd like to use the feature. Add a value to the badge field. This will become your custom badge when displayed in a collection or section that includes a product grid:

Result

When viewing a collection page or section with a product grid-style list, the custom badge is added to the top left corner if the product exists in that listing:

Each product can have its own custom badge label.

Badge colors

Colors are managed in the Theme Editor -> Theme settings -> PRODUCT GRID

Choose the background color and text color to set for all badges. Sale badges have their own values to help differentiate them from other badges:

How to find theme settings:

Brand colors

The data-source option for badge colors allows you to choose colors you've already configured in your brand colors configuration:

Brand colors are configured and managed in the Shopify Admin -> Settings -> Brand:

Cross-promote other collections with sub-collections. Display a carousel or grid of links to related or similar collections onto any collection page:

How it works

Broadcast uses Shopify's Navigation menu system to bring in custom menu items into any collection page and displays them as sub-collections with a graphical image, collection name, description, and link

How to setup

Sub-collections are already included with the default collection template, listed as a section called subcollection:

Settings for Subcollection:

Adding collections

Use the link in the settings to create a navigation list, the rest is done right in your Shopify Admin under Navigation. Choose Add menu to create a new menu:

Create a new menu with the same name as your collection:

For our example, we will be adding sub-collections to our Necklace collection, our menu will be called Necklaces and the handle in lowercase: necklaces

Next, we'll add menu items, these will be the sub-collection links that are displayed in the sub-collection carousel or grid:

Save your menu and your sub-collections are ready to use.

Broadcast supports Shopify's Online Store 2.0 Product filtering for fast, customizable, and reliable collection filtering.

How to setup

Setup with Broadcast is fast and simple. Using the Theme Editor, navigate to any collection page (or choose the default collection template) and click on Collection products to view the settings:

Steps:

Filter layout options

Slide out

Slide out has a larger area and uses the entire height of the shopper's browser or device:

Inline (closed and open)

Inline places the filter tools within the collection area for both desktop and mobile. When using Inline close, the customer can click or tap on the filter link to open, the product grid becomes smaller as the filter tools animate open.

Part 2 - Shopify Search and Discover App

The rest is all done using the Shopify Search and Discover app. Using the app, you can customize which filter options to display and sort the order.

Watch this quick video on how to customize the filter options:

Where to download the Shopify Search and Discover app:

This article is for Broadcast v3. For earlier versions of Broadcast,

The Quick Add feature in Broadcast allows customers to add products to their cart without leaving the page they are on.

When Quick Add is enabled, customers can either purchase the product immediately or if the product contains variants, are taken through the process of choosing variants.

Products without variants are instantly added to the cart with one click when using Quick Add.

How to enable or disable

Quick Add can be toggled on and off in the Theme settings under Product Grid:

Feature introduced in Broadcast 3.2.0

Add a custom tagline to individual products using metafields. The tagline will appear styled in the product grid on Collection pages and any section using a product grid view:

How to setup

The first step is to add or define a new product metafield. This is a custom metafield you'll create the Settings of your Shopify Admin.

Add a new product metafield

To set up a Cutline, you need to define (create) a new, custom, metafield definition that Broadcast can recognize.

The most important part is to use this namespace and key: theme.cutline

How to create the metafield

To start, navigate to your Shopify Admin -> Settings and choose Metafields from the left panel. Next, click on Products (click images to zoom):

Click the Add definition button to begin. Choose a name, we'll use 'cutline'. Next, we will use a custom namespace. This is required.

A crucial step here is to change the default namespace (usually called 'custom') to theme

Add a description (this is optional) then choose Select content type. Next, choose Text and use Single line text and One value (it's the default option):

Product setup

Now that our custom metafield has been defined, the final step is to edit any of your products in the Shopify Admin -> Products and update the new cutline metafield.

All you need to do is scroll to the bottom of the product setup page and fill them in:

After adding the cutline metafield value, press the Save button to save the product changes.

Now you're ready to preview the cutline text. View on a collection page or any section that uses the product grid layout:

Your cutline text will only appear for this product. You can now add unique cutline text to any product in your store. If a product does not have the cutline metafield text information added, nothing will appear. Only products with a value for the cutline metafield will display that information on a product-gird or collection page.

The Image promo popup in Broadcast can be used as a newsletter popup or as a sales promotion tool to display custom messages and promo codes based on where the customer arrives from, is viewing, and how they are interacting with your site.

Popup Behaviour

Popups can appear based on time or other behavior. Setting options include:

• Show immediately

• Show 10 seconds after page load

• Show after user scrolls to the page bottom

• Show after the user has been idle for 1 minute

Target Page

Display a custom popup to your customers only when the customer is browsing a certain page, product, collection, or blog post on your site. Target your message based on where customers are browsing on your site:

Target Referrer

Target a specific audience by using Target Referrer. Your popup will only appear when the customer arrives at your site from a certain path or location.

Target Device

Create a custom popup for mobile devices and another popup for desktop browsers with Target Device. Each popup can be customized with different assets and messaging.

This article is for Broadcast v3. For earlier versions of Broadcast, click here

Broadcast includes a Cookies consent popup which allows you to display a message an accept button and a link to your Privacy Policy page:

Use the Popups section to enable and position your message:

Position options include Left, Right, and Bottom

Add a featured image to the first column and row of your collections to help promote your brand and product line:

How to use

Featured image is a content block for Collection products. Click on the expand icon (triangle left of Collection products) to open and choose Add Featured image:

Click on Collection products to view settings for Collection pages:

Product Grid

Use the Product Grid options to customize how many products per row are displayed on desktop and mobile. You can also configure how many products per page are shown before pagination is displayed.

Broadcast has integrated support for Shopify's Ratings app. Review stars can be displayed in the collection grid.

Theme Settings

Expand the Theme Settings panel to view additional settings related to the product grid:

Show product star rating

A lightweight text and link popup with powerful behavior and targeting options:

Button Settings

Popup Behaviour

Popups can be positioned:

• Left

• Right

• Center

Popups can appear based on time or other behavior. Setting options include:

• Show immediately

• Show 10 seconds after page load

• Show after user scrolls to the page bottom

• Show after the user has been idle for 1 minute

Target Page

Display a custom popup to your customers only when the customer is browsing a certain page, product, collection, or blog post on your site. Target your message based on where customers are browsing on your site:

Target Referrer

Target a specific audience by using Target Referrer. Your popup will only appear when the customer arrives at your site from a certain path or location.

Target Device

Create a custom popup for mobile devices and another popup for desktop browsers with Target Device. Each popup can be customized with different assets and messaging.

Click on Footer to view main footer settings:

Setting Components

• Logo

• Background Image

• Bottom Bar

• Language Selector

• Currency Selector

Logo

Add your brand logo to the top area of the footer:

Background Image

Add a background image to the entire footer area:

Bottom Bar

The bottom bar area allows an additional Shopify Navigation Menu to the bottom of the site:

Payment icons are automatically generated from your Shopify Admin Settings, Payments - Payment providers.

Language selector

Show language selector when multiple languages are configured:

Broadcast support's Shopify's language selector. Configure using Store languages in your Shopify Admin Settings:

Currency selector

Show currency selector when multiple currencies are configured:

Broadcast supports Shopify's currency selector. Configure using Payments in your Shopify Admin Settings. Choose Manage payments.

Please contact Shopify Support for any assistance with setting up Payments and Currencies.

Broadcast footer theme blocks help you customize content columns within the footer:

Types of theme blocks

Broadcast includes the following theme blocks for the Footer:

Link list

Newsletter

Social

Text

Page

Display a small-sized newsletter signup popup message with powerful behavior and targeting options:

Settings

Add an optional success message after form submit:

Popup Behaviour

Popups can be positioned:

• Left

• Right

Popups can appear based on time or other behavior. Setting options include:

• Show immediately

• Show 10 seconds after page load

• Show after user scrolls to the page bottom

• Show after the user has been idle for 1 minute

Target Page

Display a custom newsletter popup to your customers only when the customer is browsing a certain page, product, collection, or blog post on your site. Target your message based on where customers are browsing on your site:

Target Referrer

Target a specific audience by using Target Referrer. Your popup will only appear when the customer arrives at your site from a certain path or location.

Target Device

Customize which devices will see the small newsletter popup:

When using the newsletter popups in Broadcast, a coupon code can be displayed for your customer after they successfully enter their email address:

Large newsletter:

Small newsletter:

How to setup

There are two newsletter styles in Broadcast. A Large newsletter block which uses a modal window popup and has the ability to show an image or a Small newsletter block which is a minimal design and retains sticky. We will cover the steps for both below.

Large newsletter

The Large newsletter uses the Language editor to manage the success message. This is especially helpful if your store is supporting multiple languages.

Steps:

In the Theme Editor, add the Large newsletter block under Popups:

Configure the block settings to design your newsletter popup:

To configure the success message and include the Coupon Code, use the Language editor (Edit languages).

You can open the Language Editor by clicking on the 3-dot ellipsis icon at the top of Theme Editor:

In the Language Editor, type-in newsletter in the filter/search box and find this section:

Here you can customize the success message and include your Coupon Code. if you use the <span>Coupon Code</span> format, the information inside the span tags will be styled to highlight the code in your message:

Small newsletter

The smaller newsletter uses very little space on the screen and can be positioned in various locations on the screen. The success message is configured right in the block settings.

Steps:

In the Theme Editor, add the Small newsletter block under Popups:

In the block settings, add the initial text that will be displayed to your customer under Heading. Then add the coupon code under Success message:

Use the additional settings to customize the look and behaviour of the popup:

Order of action

The Heading text is displayed first:

Customer clicks on the popup and enters their email address:

The Success message is displayed after:

Customer can copy the instant Coupon Code for immediate or future use based on the type of coupon code you've created.

Broadcast displays a rich grid of all your blog post articles. Click on Blog pages to configure the layout of your blog index page:

Blog layout

Controls to customize the layout of your blog index page:

TIP - Use Show tag navigation to display the navigation bar which allows readers to filter though your articles

Articles

Adjust image aspect ratio with the range slider and toggle article attributes:

Adjust the aspect ratio for wide to tall style images:

Broadcast highlights your key blog post articles at the top of the blog index page with Featured posts:

How to add featured posts

1. Click on the expand icon (triangle left of Featured posts) to open the content blocks

2. Choose Add Featured post

3. Select the article and use the options to customize the image and subheading

When multiple Featured posts are added, the slideshow control arrows are displayed.

TIP - Use the Position controls to help adjust the position of your image. Alternatively, you can choose a different image for the Featured post.

Section settings

Click on Featured posts to modify section settings:

• Show author

• Show date

• Show "Read more" button

Broadcast theme blocks for Blog post pages and blog post templates help you customize the primary or core content for your blog post or also known as article pages. Adding sections further enhances your blog post content.

Types of theme blocks

Broadcast includes the following theme blocks for blog post pages/templates:

Related products

When you add a link to any product page inside your blog post - If enabled, Broadcast will display a product card in the sidebar of your article page. Customers can click on the sidebar product card to view the product page:

Recent articles

Display and link to your three most recent articles in the sidebar:

Navigation

Add navigation links to the sidebar. By default, Broadcast will generate a menu from your blog post tags.

You can override the tag navigation with your own custom menu created in the Shopify Admin Navigation editor:

Pinterest widget

Broadcast will create a Pinterest image in the sidebar which will be used when your article is shared on Pinterest:

To customize your blog posts or also known as article pages, click on Article page when on any blog post page or the default blog post:

Hero image options

Broadcast includes controls to position your featured image and select an image height that works best for all your blog posts.

The hero image is derived from your blog post featured image:

Article toggles

Enable or disable elements of your blog posts:

• Show date (appear below title)

• Show author (appear below title)

• Show article tags (appear after the article)

• Show social sharing buttons (appear on the side of each article)

• Show navigation arrows (appear after article and below tags)

When you download the latest version of Broadcast from the Shopify Theme Store, you will be downloading the latest version which is based on Shopify's Online Store 2.0. The new platform is a major update and includes the ability to add sections everywhere. This means sections can be added outside of the homepage page to areas like: Collections, Product Detail pages, Blogs, Pages, Search page and much more.

We recommend that you download the new theme and build a fresh version of your store using the new tools included in the platform. This may take some time so we recommend after you download the new version, explore all the new sections, blocks and features and take the opportunity to build a new experience for your guests.

You can leverage all your existing photo and video assets, plus all your products, collections, blogs and pages. These are not gone. You can now create a much richer experience and add plenty of promotions and new features throughout the site.

Migrating settings

Migrating settings is not recommend. Due to the many performance improvements including with Online Store 2.0, legacy settings files will slow down your store load times. A fresh theme build is recommended for Online Store 2.0. Consult a Shopify Expert if you require assistance with moving your store from an earlier version to Online Store 2.0.

Future releases based on Online Store 2.0 are much easier to migrate settings. Stores running Broadcast 3.0 and higher can easily copy over settings, sections and blocks from all areas of the site to a newer version.

Broadcast can display a pulsing custom icon or image during page loads. This branding feature is very easy to implement and is ideal for shops with media-rich pages.

Feature introduced in Broadcast 3.2

View this short video to demonstrate the effect and how to easily setup:

To check your version of Broadcast, click on the ellipses (three dots) icon at the top of the Theme Editor to view theme actions including the version number:

Broadcast includes ready-to-use page templates for your store including:

• About

• Contact

• FAQ

• Story

• Team

• Default page

These templates make it easy for you to quickly add content and build out pages that add value to your customer experience and company branding.

How to use page templates

Creating a page

Pages are created in your Shopify Admin under Pages. Choose Add page to create a new page:

Give your page a title (required), the content is optional. Next, choose a Theme template to be used, also known as Page template:

Customizing pages

Using the Theme editor, you can customize the template that's been assigned to your page:

You can start customizing the page with the pre-defined sections included in Broadcast. You can hide, reorder, remove sections that are included and also add any new selection from Broadcast's list of over 25+ sections.

Learn more about using sections and blocks in Broadcast:

The Page section is available with all page templates and can be used to display the page title and page content from a page created in the Shopify Admin Page editor.

Use the Page section settings to toggle content from the Shopify page like title and content. You can also add a subheading and configure the layout of the section:

The title and content are used from the page you created and assigned the template to:

Hiding and moving the Page section

In some cases you may want to hide the Page section and add your own hero style banner with the title:

You can also move the Page section below the banner or another location to still display that information.

v4.0 - March 15, 2023

This release introduces two new sections: collection list hover and text with products. We've also updated to include Shopify section groups and the new Shopify query suggestions for predictive search plus a few other improvements.

NEW

• New section: Collection list hover

• New section: Text with products

• Implemented Shopify's new search functionality

• Page templates can use the transparent header option

CHANGED

• Improved the Inventory Counter on the product form

• Added more icon options

• Included the "Divider" block into more sections

• Modified secondary button styles – Buttons will now appear side-by-side instead of below

FIXES AND IMPROVEMENTS

• Brought back the previous product form style as a design option

• Improved video functionality and fixed button icon shift

v3.8 - January 24, 2023

This release includes a significant update to the product form and shop the look section, improves button styles and functionality throughout the theme, and builds upon UX best practices.

NEW

• Product form features have been separated into blocks.

• Image with text – New secondary image style added.

• Multi-column (previous "Text columns with images" and "Text columns with icons") – Added a "Menu" option with the ability to customize block widths

• Focal points – This Shopify feature replaces our existing "position" setting.

CHANGED

• Product form design.

• Shop the look design and improvements to the mobile functionality of Shop the look.

• Improved button functionality theme-wide.

• Merge existing sections together for greater visibility*

  • The Split images section and Image Banner sections have been merged together as Image banner

  • The Text columns with images section and Text columns with icons section have both been merged into a new section called: Multi-column.

  • The Collection carousel section and Featured collection sections have both been merged into a new section called: Featured collection

*Note: You will need to reconfigure these sections when updating. Existing section settings will not migrate as they have been replaced by new sections. We recommend you manually add the new sections and configure them with the new options and controls.

FIXES AND IMPROVEMENTS

• General consistency improvements for arrows, buttons, and underline styles.

v3.7 - November 9, 2022

In this release, we've introduced a new icon set, mobile height settings for all sections, and general improvements throughout.

NEW

• Mobile height setting for all sections to improve the mobile experience

• New "Image with text" section

• New "Features" block on the product page

• New mobile slider style for product images on the product template

• Customize the width of each Footer block for unique layouts

CHANGED

• New icon set!

• Connected the "Size chart" to the "Size" variant

• Modified the "Image banner" section to utilize blocks – If you are currently using this section, you will need to rebuild it to accommodate this new functionality

• Cart drawer and upsell product popup animations have been improved

• The free shipping design has been updated and appears in empty carts to market free shipping minimums

FIXES AND IMPROVEMENTS

• Improved cart circle style for larger screen sizes

• Optimized forms and newsletters for Google reCAPTCHA

• Added color settings for the mega menu images to improve visibility

v3.6 - October 19, 2022

NEW

• New password page design

• New predictive search results for blog, pages, and collections heading terms

UPDATED

• Enhanced the responsive design for product pages

• Introduced blocks for the "Rich text" section. This will require you to reconfigure your "Rich text" sections.

FIXES AND IMPROVEMENTS

• Improved sibling functionality on Quick Add

v3.5 - October 6, 2022

This release adds support for product siblings, updates the collection page filters, and improves accessibility across the theme.

NEW

• Product siblings - Link multiple products together as swatches. Learn more

• Collection filters - New design and usability improvements

UPDATED

• All new Quick Add design and functionality added with slide-out drawer

• Introduced better cart animations

FIXES AND IMPROVEMENTS

• Accessibility improvements

• Product search and close icon sizing

v3.4.1 - September 15, 2022

NEW

• New section called Highlights to showcase collections and text content

• New metafield option to customize the text below product images on collection pages

• New circle option for the Cart icon

• New Newsletter section in the Footer which appears above the main Footer content

• New an option to include an arrow on buttons and text links

• New text alignment setting for the Tab Collections section

• Ability to increase or decrease the padding between the product images on the collection

• Ability to add a Linklist menu to an Empty cart

• Italian language translations

UPDATED

• The upsell design, now allows customers to choose their variants 🎉 - Learn how

• An all new Testimonials section with refreshed design

• Improved linked variants for sold out products

• Added support for multi-currencies in the free shipping message

FIXED

• Refined collection pagination when a Featured Product block was used

• 3.4.1 Release fixes a hamburger menu issue, where the closing "X" was missing

• 3.4.1 Added tooltips to the color swatches in the Upsell feature

v3.3.1 - June 9, 2022

NEW

• Added granular padding options to each section. Now you manage easily manage the padding between various sections with top and bottom padding controls.

UPDATED

• Improved sold-out variant styles. Swatches and variant boxes are now displayed as crossed out and drop-down variants will have sold out text next to them.

FIXED

• v3.3.0 was displaying a dark background on the header image blocks. This has been removed.

v3.2.1 - April 21, 2022

UPDATED

• Improved the functionality of the mobile main menu animations.

• Improved the video section on mobile if the device is in low power mode.

FIXED

• Empty translation string error.

v3.2.0 - March 21, 2022

NEW

• Now you can include a short description on the product grid sections like collections, collection list, and featured collection.

• Add icons and text under product form on product pages

• Pulsing loading icon that will appear on the first load of your website, or all pages. Example usage: Display your brand logo on page loads.

• Inventory message. Low stock notification on the product form.

• Before and after section to showcase customer results.

• Sidebar section with sticky navigation. Recommended for FAQ and About pages.

• Product page images can now appear 2 per row with the new grid setting.

• Header design option for logo center and text left.

UPDATED

• Added a text option for header icon styles.

• Ability to use metafields for pre-order and badges instead of tags. Tagging option is still available.

• Option to choose % off instead of $ off for sale items.

• Upsell will now skip a product if that product is already in your customer's cart.

• Video section now has the option for mobile-only image and height.