Nate Allen

Fact Maven

Ethan O'Sullivan

<blockquote>
<p><strong>Specify Image Dimensions</strong> is a plugin that scans and inserts missing <code>width</code> and <code>height</code> in all <code><img></code> tags. Specifying the dimension allows for faster rendering by eliminating the need for unnecessary re-flows and repaints. This is particularly helpful with website speed tools such as <a href="https://gtmetrix.com" rel="nofollow ugc">GTmetrix</a> and <a href="https://developers.google.com/speed/pagespeed" rel="nofollow ugc">Google’s PageSpeed</a>.</p>
</blockquote>
<h4>Before</h4>
<pre><code><img src="http://example.com/image.jpg" title="Some Title" />
<img src="http://example.com/vector.svg" class="svg" />
<img src="http://example.com/another-vector.webp" />
</code></pre>
<h4>After</h4>
<pre><code><img src="http://example.com/image.jpg" title"Some Title" width="100" height="25" />
<img src="http://example.com/vector.svg" class="svg" width="100%" height="auto" />
<img src="http://example.com/another-vector.webp" width="100%" height="auto" />
</code></pre>
<h4>Contribute on GitHub</h4>
<p>Want to help improve this plugin? Head over to our <a href="https://github.com/factmaven/specify-image-dimensions" rel="nofollow ugc">GitHub page</a></p>


Specify Image Dimensions

Automatically specify image dimensions that are missing width and/or height attributes. Helps load faster and better ranking on website speed tools su …

Marco Pereirinha

<p>With this plugin you can display size and/or weight details of your variable products based on defined attributes of your WooCommerce products.</p>
<p>On default environments, this plugin works out of the box.</p>
<p>WooCommerce added these details to the additional details section of the product page. This plugin still offers a bit more flexibility. For instance, it allows you to control where to render these details or show the dimensions if the attribute you’re changing is dimension related, without the need of setting all the variables — like colour.</p>
<h3>Features</h3>
<ul>
<li>Your can use the shortcode <code>[mp_wc_vdopp_variations]</code> and hook there the visibility of your details.</li>
<li>If your product is set to be variable and you have also set size and/or weight on each your predefined attributes, this plugin will show those details within other meta details.</li>
<li>Choose the place holder to show variations.</li>
<li>Choose data id/class of displayed data for CSS design.</li>
<li>Choose the selector that triggers show data event.</li>
</ul>
<h3>Feedback</h3>
<ul>
<li>Will try to help on issues pointed on <a href="https://wordpress.org/support/plugin/woocommerce-variation-details-on-page-product" rel="ugc">Support forum</a> and <a href="https://github.com/pereirinha/woocommerce-variation-details-on-page-product/issues" rel="nofollow ugc">GitHub</a></li>
<li>Fell free to suggest or contribute</li>
<li>Can find me on twitter <a href="https://twitter.com/porreirinha" rel="nofollow ugc">@porreirinha</a></li>
</ul>
<h3>Basic Setup</h3>
<p>This is a step-by-step that might help you on your setup.</p>
<ol>
<li>Activate WooCommerce Variation Details on Page Product plugin and ta-da, that’s it. It should work in most cases.</li>
<li>Use a front-end development tool — like Chrome Developer Tools — to track selectors on your DOM. Map them on WooCommerce > Settings > Variations according your needs.</li>
<li>Alternatively, you can use the shortcode <code>[mp_wc_vdopp_variations]</code> to hook variation details.</li>
</ol>
<h3>Plugin Links</h3>
<ul>
<li><a href="https://github.com/pereirinha/woocommerce-variation-details-on-page-product/issues" rel="nofollow ugc">Developers: reports bugs & issues</a></li>
<li><a href="https://github.com/pereirinha/woocommerce-variation-details-on-page-product" rel="nofollow ugc">Developers: contribute</a></li>
</ul>


WooCommerce Variation Details on Page Product

Displays physical size and/or weight within meta details of product with variations.

Specify Image Dimensions vs WooCommerce Variation Details on Page Product