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

The Motion 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 Motion Theme make sure you add the following selectors below in the Settings -> Advanced Settings -> Selectors.

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.

Did this answer your question?