Tom Anbinder

Pablo Pacheco

WPFactory

Kousik Mukherjee

Omar AlDabbas

Algoritmika

<p><strong>Variation Swatches for WooCommerce – Color & Image Swatches</strong> provides new WooCommerce type attributes (color,label,image) for creating beautiful variations</p>
<p><strong>Check some of its features:</strong></p>
<ul>
<li>Create a new type attribute for handling <strong>colors</strong></li>
<li>Create a new type attribute for handling <strong>labels</strong></li>
<li>Create a new type attribute for handling <strong>images</strong></li>
</ul>
<h4>Getting Started</h4>
<p>Once you install and enable the plugin, three new options will be available at <strong>Product > Attributes > Types</strong> :</p>
<ul>
<li>Color</li>
<li>Image</li>
<li>Label</li>
</ul>
<p>Please take a look at the screenshots to understand it better</p>


Variation Swatches for WooCommerce – Color & Image Swatches

Provides new WooCommerce type attributes (color,label,image) for creating beautiful variations

mkronenfeld

<h4>Features:</h4>
<ul>
<li>Extracts colors from attachment images and saves it to the post meta.</li>
<li>Several php functions to receive the post meta or extract data from images on the fly.</li>
</ul>
<h3>PHP functions</h3>
<p>You can find your image swatches in the post meta. There are two global php functions to get these values:</p>
<pre><code>wpip_get_post_thumbnail_color( int|WP_Post $post )
</code></pre>
<p>Gets the main rgb color from a post.</p>
<pre><code>wpip_get_post_thumbnail_colors( int|WP_Post $post )
</code></pre>
<p>Gets the main rgb colors from a post.</p>
<p>Advanced users may also like the following functions to extract the colors from any image they want in WordPress.</p>
<pre><code>wpip_get_image_color( string $file, int $precision = 20, int $palette_length = 5 )
</code></pre>
<p>Gets the main color from an image.</p>
<pre><code>wpip_get_image_colors( string $file, int $precision = 20, int $palette_length = 5 )
</code></pre>
<p>Gets the image color palette.</p>
<h3>After activation</h3>
<ol>
<li>Visit the ‘Image Color Palette’ page in your ‘Tools’ menu.</li>
<li>Check the Debug information. If everything looks good, you are ready to off.</li>
</ol>


Variation Swatches for WooCommerce – Color & Image Swatches vs WP Image Color Palette