The Broadcast Theme is supported by the PreOrder Now app, but due to recent updates, you might encounter issues where the Add to Cart button doesn’t change to the PreOrder button. To make preorders fully compatible, follow these steps based on your theme version.
Broadcast Theme Version 3.8.0 to Before 5.0.0
Add the following selectors in Settings > Advanced > Selectors:
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
For newer versions of the Broadcast Theme, use these selectors:
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. We're here to assist you every step of the way.