Jose Mortellaro

<p>CSS Classes For WooCommerce adds CSS classes to the body depending on the cart and the customer.<br />
You can then use those classes to customize the checkout and cart pages with your custom CSS.</p>
<h3>CSS classes added to the body if:</h3>
<ul>
<li>The cart is empty or not empty</li>
<li>There is at least a product with a price greater than zero (payment methood needed)</li>
<li>The shipping methods are shown or not needed</li>
<li>If the shipping address is needed or there are only digital products in the cart</li>
<li>The prices are shown including or excluding taxes</li>
<li>All products are sold individually</li>
<li>There are specific products in the cart</li>
<li>The quantity of specific products is a specific number</li>
<li>The billing address of the customer has a specific country</li>
<li>The customer has a specific role on the website</li>
<li>The customer has already bought something</li>
<li>The customer has bought a specific number of time</li>
</ul>
<p>If for example in the cart there are only products that can be sold individually, you can take advantage of the CSS class added by this plugin to hide the column “Qty” .<br />
In this case you will write the CSS</p>
<pre><code>.ccfw-cart-all-sold-individually-true .shop_table .product-quantity {
    display: none;
}
</code></pre>
<h3>How customize the WooCommerce cart and checkout via CSS</h3>
<ul>
<li>The plugin doesn’t provide any option, and you will not see any settings page. Just activate it.</li>
<li>Right-click and click on Inspect on the frontend.</li>
<li>Read the value of the class attribute of the body element.</li>
<li>Use the CSS classes added to the body for your custom CSS</li>
</ul>
<h3>Requirements</h3>
<p>You can take advantage of this plugin only if you have at least basic skills with CSS and are able to add your custom CSS.<br />
In other cases, you will not know what to do with this plugin.</p>


CSS Classes For WooCommerce – customize the WooCommerce cart and checkout via CSS


I love my own plugin because it gives you the possibility to customize the cart and checkout pages depending on the cart situation, only via CSS without touching any line of PHP code :)


Perfect to customize the cart and checkout via CSS

CSS classes depending on the cart to customize the checkout.

stanton119

<p>WordPress HTML allows you to add custom HTML to both the post/page <strong>BODY</strong> and the <strong>HEAD</strong> tags from the page editor.</p>
<p>When copying HTML into the WordPress editor it adds spurious tags which break various elements and corrupt the HTML. By saving the HTML in the custom fields dialogue the exact HTML will be output to your post/page.</p>
<p>Also if you have a single page which requires an extra javascript library or style sheet you normally have to add it through your themes php files. Updating the theme files can be a pain; we normally have to set up an exception for that individual page and load it there. As this information is not available when we are editing the actual pages in the WordPress editor it is quite obstructive.</p>
<p>With WordPress HTML, we can add the library or stylesheet directly to the post/page head without the need to change the theme files. And importantly, all from within the WordPress editor for that page.</p>
<p>Example libraries:<br />
jQuery, ChartJS, D3js, Highcharts, Prototype</p>
<p>More details: <a href="http://www.richard-stanton.com/wordpress/wordpress-html/" rel="nofollow ugc">WordPress HTML</a></p>
<p>Code: <a href="https://github.com/stanton119/WordPress-HTML-Plugin" rel="nofollow ugc">GitHub</a></p>


WordPress HTML

Add raw HTML to any post/page, without the Wordpress editor breaking it.

CSS Classes For WooCommerce – customize the WooCommerce cart and checkout via CSS vs WordPress HTML