The Motion Theme is one of the themes supported by our app, but due to updates in the theme, you might encounter issues like the Add to Cart button not changing to the preorder button.
To make preorders completely compatible with the Motion Theme, make sure you add the following selectors in Settings -> Advanced -> Selectors. Select the appropriate selector based on your theme version.
Motion Version 7.1.0
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']
Motion Version 4.5.2
Form Selector
form[action^='/cart/add']
Button Selector
form[action^='/cart/add']:first [type=submit]:visible:first
Product Page Image Container Selector
.product-image-main, 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.