The Ella 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 with the Ella Theme, follow these steps:
Selectors for the Ella Theme
Add the following selectors in Settings > Advanced > Selectors:
Form Selector:
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, .product-form__radio
Variant Selector:
form[action^='/cart/add']:first select:visible, .radio-wrapper fieldset, form[action^='/cart/add']:first input[type='radio']
Mutation Classes:
quick-view-show
These selectors have been tested on the following:
Theme Name: Ella
Theme Version: 6.2.3
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.