The Impact Theme is supported by the PreOrder Now app, but due to theme updates, you may encounter issues where the Add to Cart button does not change to the PreOrder button. To make preorders fully compatible with the Impact Theme, follow the steps below based on your theme version.
Impact Theme Version 5.4.1
Add the following selectors in Settings > Advanced > Selectors:
Form Selector:
form[action^='/cart/add']
Button Selector:
button[type='submit']
Product Page Image Container Selector:
div.product-gallery__media.snap-center.is-selected
Variant Selector:
form[action^='/cart/add']:first select:visible, .radio-wrapper fieldset, form[action^='/cart/add']:first input[type='radio']
Impact Theme Version 4.3.4
Add the following selectors in Settings > Advanced Settings > Selectors:
Form Selector:
form[action^='/cart/add']
Button Selector:
form[action^='/cart/add']:first [type=submit]:visible:first
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']
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.