Quick View Ajax For Oxygen

Introducing the Quick View Element: a fully customizable solution for Oxygen Builder, designed for seamless integration without any coding required. With built-in AJAX functionality, it ensures an effortless and smooth user experience.

Key Features and Customization Options:

Customizable Buttons
Previous Button: Use the .x-qv-modal__prev class on an Oxygen element to style the previous button.
Next Button: Use the .x-qv-modal__next class for the next button.
Close Button: Use the .x-qv-modal__close class to style the close button.

AJAX WooCommerce Message
Display WooCommerce notices (e.g., for products added to the cart) using the .x-qv-modal__notice class.

Animations
To modify animations, locate the Content element within Oxygen Builder and adjust transitions using Oxygen’s animation features.

Modal Close Behavior
Add the following attributes to the Content element to customize how the modal closes:
data-quick-close-esc: Closes the modal when pressing the ESC key.
data-quick-close-back: Closes the modal when clicking outside of the modal.
Both attributes are enabled by default (true), but you can set them to false to disable them.

Customizable Quick View Button
You can also personalize the button that opens the Quick View modal. To do this:

Add an element within the repeater and assign it the class .oxy-quick-btn.
Use the attribute data-quick-view on this element, dynamically calling the current post’s ID.