Skip to main content
All CollectionsTroubleshootingTheme
I'm using Broadcast Theme and the pre-order button is not displaying or not working
I'm using Broadcast Theme and the pre-order button is not displaying or not working
Updated over 4 months ago

The Broadcast Theme is one of the supported themes by our app but due to some updates on the theme you might encounter that some elements are not showing like the Add To Cart button not changing to the Pre-Order button.

To make pre-orders completely compatible with the Broadcast Theme make sure you add the following selectors below in the Settings -> Advanced Settings -> Selectors, select the selector based on your theme version.

Broadcast Theme version from 3.8.0 until before 5.0.0

Cart Subtotal Selector
.cart__total

Checkout Button Selector
button[name=‘checkout’]

Mutation Class
is-open

Form Selector
form[action^='/cart/add']:visible:first

Button Selector
button[name='add']

Product Page Image Container Selector
div.product-single__photos:first,#slider-product-template, .photos__item--main:first, #productPhotoContainer-product-template

Variant Selector
form[action^='/cart/add'] select:visible, .radio-wrapper fieldset, form[action^='/cart/add'] input[type='radio']

Product Link Selector
a[href*='/products/']:visible

Product Link Selector Filter
img

Product Container Handle Element Selector
a[href*='products/##{{handle}}']

Product Container Handle Element Selector Filter
img

\Product Container Handle Element Selector Second Filter
div, li, article, figure

Broadcast Theme version 5.0.0 and up

Cart Subtotal Selector
.cart__total__price

Checkout Button Selector
button[name=‘checkout’]

Mutation Class
is-open

Form Selector
product-form form, form[action^='/cart/add']:visible:first, form[action^='/cart/add']

Button Selector
button[name='add']

Product Page Image Container Selector
div.product-single__photos:first,#slider-product-template, .photos__item--main:first, #productPhotoContainer-product-template

Variant Selector
form[action^='/cart/add']:first select:visible, .radio-wrapper fieldset, form[action^='/cart/add']:first input[type='radio']

Product Link Selector
a[href*='/products/']:visible

Product Link Selector Filter
img

Product Container Handle Element Selector
a[href*='products/##{{handle}}']

Product Container Handle Element Selector Filter
img

Product Container Handle Element Selector Second Filter
div, li, article, figure


If you encounter any difficulties or have further questions, don't hesitate to contact customer support via the chat box located at the bottom right corner of the screen. We're here to assist you every step of the way.

Did this answer your question?