Ataur R

Arraytics

Ehsan Riyadh

Abdur Rahim Rasel

Reza Khan

Themewinter

Farzana akter nitu

WPCafe Oxygen Builder Addons enables the <a href="https://themewinter.com/wp-cafe/" rel="nofollow ugc">WPCafe</a> Food Menu and Restaurant Reservation plugin to parse WPCafe widgets inside the Oxygen editor for Pages.
WPCafe Oxygen Builder addons provide free Oxygen Builder elements for creating cafe and restaurant websites. If you can use Oxygen builder then you are ready to use WPCafe Oxygen addons for your food ordering business websites.
To use this plugin, you must first have all the plugins installed and activated. The required plugins are: 
1. <a href="https://oxygenbuilder.com/" rel="nofollow ugc">Oxygen</a> 
2. <a href="https://wordpress.org/plugins/wp-cafe/" rel="ugc">WPCafe</a> 
3. <a href="https://wordpress.org/plugins/woocommerce/" rel="ugc">WooCommerce</a> 
4. <a href="https://wordpress.org/plugins/wpcafe-oxygen-addon/" rel="ugc">WPCafe Oxygen Addon</a> 
5. <a href="https://oxygenbuilder.com/tour/woocommerce/" rel="nofollow ugc">Oxygen Elements for WooCommerce</a>
Check <a href="https://wordpress.org/plugins/wp-cafe/" rel="ugc">WPCafe PRO</a> || <a href="https://themewinter.com/support/" rel="nofollow ugc">Support</a> || <a href="https://support.themewinter.com/docs/plugins/wp-cafe/" rel="nofollow ugc">Documentation</a>
<h3>Features of WPCafe Oxygen Addons</h3>
Food Menu– You can use food menu elements on oxygen builder addons. List style food menu, tab style food menu and location-based food menu elements available. With the food menu elements, you can add an appealing food menu on your Oxygen website.
Restaurant Reservation– Reservation elements will enable you to add a reservation form at your Oxygen site. With the form of reservation, you can take the user’s reservation from the website directly.
👍Use WPCafe Oxygen Builder Addons to build a complete Restaurant Solution website and run your online 🔥Restaurant Business, 🔥Online Food Order, 🔥Reservation System, Pickup, 🔥Delivery and More.
If you use <a href="https://wordpress.org/plugins/wp-cafe/" rel="ugc">WPCafe PRO</a> with Oxygen builder on your website, you will get more premium features to build cafe websites, restaurant websites and so on. <a href="https://wordpress.org/plugins/wp-cafe/" rel="ugc">WPCafe PRO</a> will unlock all the RPO elements of the food menu, reservation, delivery and whatnot.
<h3>About WPCafe</h3>
<a href="https://themewinter.com/wp-cafe/" rel="nofollow ugc">WPCafe</a> is a complete WooCommerce food ordering, pickup and delivery plugin to launch restaurant websites. You can create a food menu, restaurant reservation, food ordering and delivery system (PRO). Moreover, WPCafe comes with WordPress shortcode, Elementor widgets and Gutenberg block to make your Restaurant website simple and easy to use.
<h3>WPCafe Parent Plugin Feature List For Food Menu:</h3>
⭐ 30+ Food Style and Templates 
⭐ Discount Offer Option 
⭐ Location Based Food Menu 
⭐ Customizable Ajax Mini Cart 
⭐ WooCommerce invoice print and PDF download 
⭐ Option to Design Color, Icon on Mini-Cart
<h3>WPCafe Parent Plugins Other Features:</h3>
⭐ Food Delivery and Pickup time 
⭐ Location selection popup for homepage 
⭐ Customize Order Delivery and Pickup Form 
⭐ Pickup and Delivery Schedule 
⭐ Order Prepare and Delivery Schedule 
⭐ Holiday and Special Day Schedule 
⭐ Fully Customizable Reservation Form 
⭐ Single and Multiple Slot Schedule Booking 
⭐ Seat Capacity Management 
⭐ RTL Support Form and Calendar 
⭐ Early Booking and Late Booking 
⭐ Customizable Email Body for Reservations 
⭐ Frontend Reservation Cancellation 
⭐ Cancel a reservation from front-end

WPCafe Restaurant Addon for Oxygen Builder

WPCafe Oxygen Builder Addons enables the WPCafe Food Menu and Restaurant Reservation plugin to parse WPCafe widgets inside the Oxygen editor for Pages …

Levels Branding and Webdevelopment

Levels Block Editor Styles for Oxygen Builder automatically injects your Oxygen Builder CSS into the WordPress block editor, ensuring that what you see in the editor matches what appears on the frontend.
<h4>Features</h4>
<ul>
<li>Automatic Style Detection – Automatically finds and loads all relevant Oxygen CSS files</li>
<li>Scoped Styling – All CSS is scoped to prevent affecting editor UI elements</li>
<li>Reusable Block Support – Detects and loads styles for embedded reusable blocks</li>
<li>Smart Context Detection – Only loads in the block editor for users with edit permissions</li>
<li>Performance Optimized – Live-read approach with minimal overhead</li>
<li>Responsive Images – Automatically converts img tags to responsive versions with srcset and sizes attributes</li>
<li>Per-Image Size Control – Use the <code>data-image-size</code> attribute to override the default image size per element</li>
<li>Settings Page – Configure features under Oxygen > Block Editor Styles</li>
</ul>
<h4>Block Editor Styles</h4>
The plugin collects CSS from four sources:
<ol>
<li>oxygen.css – Core Oxygen framework styles</li>
<li>universal.css – Site-wide Oxygen styles</li>
<li>Page-specific CSS – Cached page styles</li>
<li>Reusable block CSS – Styles for embedded reusable blocks</li>
</ol>
All CSS selectors are automatically rewritten to be scoped within the editor content area to prevent affecting the WordPress admin UI.
<h4>Responsive Images</h4>
When enabled, the plugin automatically replaces <code><img></code> tags in your content with responsive versions that include <code>srcset</code> and <code>sizes</code> attributes. This provides optimized images for all screen sizes without any manual work.
How to use in Oxygen Builder:
<ol>
<li>Go to Oxygen > Block Editor Styles in the WordPress admin</li>
<li>Enable “Responsive Images”</li>
<li>Choose a default image size (e.g. “large”)</li>
<li>All images in your content will now automatically get srcset attributes</li>
</ol>
Per-image size override:
You can override the default size on individual images using the <code>data-image-size</code> attribute:
<ol>
<li>Select your Image element in Oxygen</li>
<li>Go to Advanced > Attributes</li>
<li>Add attribute: <code>data-image-size</code></li>
<li>Set value to any registered image size: <code>thumbnail</code>, <code>medium</code>, <code>medium_large</code>, <code>large</code>, or <code>full</code></li>
</ol>
The <code>data-image-size</code> attribute is automatically removed from the final HTML output – it only serves as a control attribute for the plugin.
<h4>Requirements</h4>
<ul>
<li>Oxygen Builder 4.x (must be installed and activated)</li>
<li>WordPress 5.8 or higher</li>
<li>PHP 7.4 or higher</li>
</ul>
<h4>Related Plugins</h4>
Looking to speed up your Oxygen workflow? Check out <a href="https://wordpress.org/plugins/ready-made-oxygen-integration/" rel="ugc">Ready Made Oxygen Integration</a> – Turn Figma designs into editable Oxygen Builder sections – copy & paste, just like that.
<h4>Optional Dependencies</h4>
For 100% reliable CSS scoping, you can install the CSS parser library via Composer:
<pre><code>composer install --no-dev
</code></pre>
Without the library, the plugin uses a regex fallback that works for most cases.
<h3>Credits</h3>
Developed by Levels Branding & Webdevelopment OG

Levels Block Editor Styles for Oxygen Builder

Syncs Oxygen Builder 4.x styles into the block editor for visual parity between editor and frontend. Includes responsive images with automatic srcset  …

WPCafe Restaurant Addon for Oxygen Builder vs Levels Block Editor Styles for Oxygen Builder