Digital Web Tutor

<p>Swatchify is a minimal, lightweight, and fast plugin that converts standard WooCommerce variation dropdowns into beautiful and user-friendly text swatches. This enhances the user experience of your WooCommerce store, allowing customers to easily select product variations.</p>
<p>Features:<br />
* Converts variation dropdowns to clickable text swatches.<br />
* Works seamlessly with standard WooCommerce products.<br />
* Minimalist and lightweight coding for optimal performance.<br />
* Choose between Square, Rounded, or Circle swatches via a simple settings panel.</p>
<h3>How to Use</h3>
<p>Using Swatchify is completely automatic. It applies to your existing WooCommerce variable products out of the box:</p>
<ol>
<li>Create a Variable Product in WooCommerce (Products -> Add New -> Product Data: Variable product).</li>
<li>Under the “Attributes” tab, add your attributes (e.g., Size, Color) and make sure “Used for variations” is checked.</li>
<li>Under the “Variations” tab, generate your variations and assign prices to them.</li>
<li>Publish the product and view it on the front end. The native WooCommerce dropdowns will automatically be converted to beautifully styled, clickable swatches!</li>
<li>To change the shape of the swatches, navigate to <strong>Settings -> Swatchify Settings</strong> in your WordPress dashboard and choose between Square, Rounded, or Circle shapes.</li>
</ol>


Swatchify – Variation Swatches for WooCommerce

A minimal and lightweight plugin to convert WooCommerce variation dropdowns into beautiful text swatches.

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>


Swatchify – Variation Swatches for WooCommerce vs WP Image Color Palette