Levels Branding and Webdevelopment

<p>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.</p>
<h4>Features</h4>
<ul>
<li><strong>Automatic Style Detection</strong> – Automatically finds and loads all relevant Oxygen CSS files</li>
<li><strong>Scoped Styling</strong> – All CSS is scoped to prevent affecting editor UI elements</li>
<li><strong>Reusable Block Support</strong> – Detects and loads styles for embedded reusable blocks</li>
<li><strong>Smart Context Detection</strong> – Only loads in the block editor for users with edit permissions</li>
<li><strong>Performance Optimized</strong> – Live-read approach with minimal overhead</li>
</ul>
<h4>How It Works</h4>
<p>The plugin collects CSS from four sources:</p>
<ol>
<li><strong>oxygen.css</strong> – Core Oxygen framework styles</li>
<li><strong>universal.css</strong> – Site-wide Oxygen styles</li>
<li><strong>Page-specific CSS</strong> – Cached page styles</li>
<li><strong>Reusable block CSS</strong> – Styles for embedded reusable blocks</li>
</ol>
<p>All CSS selectors are automatically rewritten to be scoped within the editor content area to prevent affecting the WordPress admin UI.</p>
<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>
<p>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.</p>
<h4>Optional Dependencies</h4>
<p>For 100% reliable CSS scoping, you can install the CSS parser library via Composer:</p>
<pre><code>composer install --no-dev
</code></pre>
<p>Without the library, the plugin uses a regex fallback that works for most cases.</p>
<h3>Credits</h3>
<p>Developed by Levels Branding & Webdevelopment OG</p>


Levels Block Editor Styles for Oxygen Builder

Syncs Oxygen Builder 4.x styles into the block editor for visual parity between editor and frontend.

David

<p>This plugin adds Woocommerce-focused conditions to Oxygen to help you build more dynamic e-commerce sites. Ideal for hiding/showing content across your Oxygen site to the right users at the right time.</p>
<h3>Conditions Added</h3>
<ul>
<li>Product type</li>
<li>Product category</li>
<li>Product tag</li>
<li>If cart is empty</li>
<li>If user is an existing customer</li>
<li>If user is at Endpoint</li>
<li>If the cart has reached a specific weight</li>
<li>If the user has already bought this product</li>
<li>..more.</li>
</ul>
<h3>Example Use Cases</h3>
<ul>
<li>Show Call to Action Popup (modal) ONLY if current product being viewed is on sale.</li>
<li>Show shipping info on product page ONLY if this product is actually shippable (isn’t virtual).</li>
<li>Show section with large product image ONLY if product has an image. (otherwise just show the title).</li>
<li>Show Exit intent Popup ONLY if user still has product(s) in cart.</li>
<li>Show different product layout based on product type.</li>
<li>etc etc</li>
</ul>


WPlit Woo Conditions for Oxygen

Build more dynamic e-commerce sites with Oxygen with Woocommerce-focused conditions.

Levels Block Editor Styles for Oxygen Builder vs WPlit Woo Conditions for Oxygen