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.

George Nicolaou

picsta

<p>Who can benefit from the plugin GM Adaptive CSS Grid Columns? (Short: GM Grid)<br />
The plugin is made to help everyone who wants to have an easy, lightweight and worry-free solution to set up a maximum grid count on their website.<br />
Of course, you can have fewer columns as those you have defined. They will automatically take the right percentage like 33.3%, 50% or even 100% of the available width.</p>
<h3>Do I have to know CSS?</h3>
<p>Absolutely not! Especially beginners and non-coders will start to love this plugin soon.</p>
<h3>Hold on, not another plugin, what happens to my page speed?</h3>
<p>Don’t panic, we took care of this by keeping this plugin lightweight and the CSS is minified by default.</p>
<h3>Important Notice:</h3>
<p>The plugin only works if you correctly identify and target the parent, and it’s direct child elements. Otherwise, the plugin can’t work.<br />
Recommended page builder are Bricks, Oxygen and Breakdance.</p>
<h3>How to use:</h3>
<p>The setup is quite simple. Basically, you just add two CSS classes to your elements and the plugin does the magic for you.<br />
Make sure to add the following classes to the container and direct child elements. Use a DIV instead of a section, container, or block<br />
to avoid conflicting predefined styles.</p>
<p>Parent/Container Element class: grid-container<br />
Child Element class: grid-item</p>
<p>Additionally, there is one more CSS class available. By using grid-center on your parent (container) element, you achieve three things.<br />
1. The container will be centred on the page<br />
2. Add your desired width (in rem)<br />
3. Add horizontal spacing across all break points</p>
<h3>Minimum Setup:</h3>
<ol>
<li>Define the maximum column count for your medium and large screen size.</li>
<li>Add the desired gap size (in rem)</li>
<li>Define the medium and large breakpoint (in em).<br />
Save!</li>
</ol>
<p><strong>Quick overview of GM Adaptive CSS Grid Columns by <a href="https://websquadron.co.uk/" rel="nofollow ugc">Imran Siddiq</a></strong></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/lDibIKlmyv4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Translations</h3>
<p>GM Adaptive CSS Grid Column can be used in these different languages thanks to the following translators:</p>
<ul>
<li>Afrikaans <a href="https://www.georgenicolaou.me/" rel="nofollow ugc">George Nicolaou</a></li>
<li>German <a href="https://profiles.wordpress.org/picsta/" rel="nofollow ugc">Michael Kellersmann</a></li>
<li>Greek <a href="https://www.georgenicolaou.me/" rel="nofollow ugc">George Nicolaou</a></li>
</ul>


GM Adaptive CSS Grid Columns


This is an awesome plugin especially with a page builder like bricks / breakdance, etc. to easily and quickly bring in the use of CSS grid. This is how it should be implemented and find using GM grid a real time saver. 😎 


Very easy to use and implement Grid CSS

Allows you to create Adaptive CSS Grid Columns

WPlit Woo Conditions for Oxygen vs GM Adaptive CSS Grid Columns