<ul class="wccom-tick-list-primary">
<li><strong><strong>Add multiple rules to create separate groups of linked products</strong></strong></li>
<li><strong><strong>Link the products by their attributes such as color, size, brands, etc.</strong></strong></li>
<li><strong><strong>Redirect users to a single variation page upon clicking on the variation link</strong></strong></li>
<li><strong><strong>Display variations like swatches</strong></strong></li>
<li><strong><strong>Option to display variations as texts or images</strong></strong></li>
<li><strong><strong>Link specific products, as well as categories</strong></strong></li>
<li><strong><strong>Option to blur the out-of-stock product variations</strong></strong></li>
<li><strong><strong>Open variation page on the same tab or next tab when user clicks on it</strong></strong></li>
<li><strong><strong>Customize variation button colors such as background, padding, border, and text</strong></strong></li>
<li><strong><strong>Displays the live preview of customization settings</strong></strong></li>
</ul>
<hr />
<h2>Add Separate Products Linked by Variations</h2>
<p>The <strong>Products Linked by Variations for WooCommerce</strong> extension lets you create separate products, rather than adding variations, and links these products with each other by their attributes. It is a terrific way to showcase variations on the product page where each variation has a separate product page. You can also add multiple groups of linked products. You can link specific products by variations and categories. You have the option to display variation images or text on product pages.</p>
<p>Enable images to highlight variations links like swatches. Customers can access any variation by clicking on each variation link. You can also blur the variations which are out of stock. There are options to display variations on the same tab or on a new tab. This extension also allows you to customize the variation buttons such as border, background, padding, and text color and see the settings in a live preview before saving it.</p>
<h2>Features Details</h2>
<h3><strong>Redirect customers to a separate variation page</strong></h3>
<p>As you can create a separate product page for each variation, our extension redirects customers to a single variation page when they click the variations displayed on product pages.</p>
<p><img class="aligncenter size-full wp-image-9032161" src="https://woocommerce.com/wp-content/uploads/2021/12/ezgif.com-gif-maker5.gif" alt="woocommerce product linked variations" width="980" height="551" /></p>
<h3><strong>Link products by attributes</strong></h3>
<p>You don’t have to create product variations; you can create separate products for each variation and link them by attributes such as color, size, brands, etc. to show as variations on the product page.</p>
<p><img class="aligncenter size-full wp-image-18734004100412" src="https://woocommerce.com/wp-content/uploads/2021/12/Link-products-by-attributes.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="482" /></p>
<h3><strong>Display variations like swatches</strong></h3>
<p><strong>The Product Linked by Variations for WooCommerce</strong> extension displays variation pages like swatches on product pages, showing them as an image or text form.</p>
<p><img class="aligncenter size-full wp-image-18734004100416" src="https://woocommerce.com/wp-content/uploads/2021/12/Display-variations-like-swatches.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="493" /></p>
<h3><strong>Block out-of-stock products</strong></h3>
<p>Automatically block the out-of-stock products and does not allow customers click on them and visit the out of stocked variation page.</p>
<p><img class="aligncenter size-full wp-image-18734004100420" src="https://woocommerce.com/wp-content/uploads/2021/12/Block-out-of-stock-products.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="483" /></p>
<h3><strong>Add multiple groups</strong></h3>
<p>You can add multiple groups to create separate groups of linked products.</p>
<h3><img class="aligncenter size-full wp-image-18734004100423" src="https://woocommerce.com/wp-content/uploads/2021/12/Add-multiple-groups.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="423" /></h3>
<h3><strong>Showcase variation links as a text or image</strong></h3>
<p>This extension provides you the option to display variation links as text or images on product pages.</p>
<h3><img class="aligncenter size-full wp-image-18734004100426" src="https://woocommerce.com/wp-content/uploads/2021/12/Showcase-variation-links-as-a-text-or-image.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="482" /></h3>
<h3><strong>Link products or categories</strong></h3>
<p>With the <strong>Product Linked by Variations for WooCommerce</strong> extension, you can link specific products and categories.</p>
<h3><img class="aligncenter size-full wp-image-18734004100429" src="https://woocommerce.com/wp-content/uploads/2021/12/Link-products-or-categories.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="476" /></h3>
<h3><strong>Customize variation buttons</strong></h3>
<p>The extension lets you customize variation button colors including their backgrounds, borders, and text.</p>
<p><img class="aligncenter size-full wp-image-18734004100430" src="https://woocommerce.com/wp-content/uploads/2021/12/Customize-variation-buttons.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="433" /></p>
<h2><strong>Advantages</strong></h2>
<ul>
<li>Enhances the user experience as customers can easily access individual variation pages from product pages</li>
<li>Allows store owners to create a separate product page for each variation and enhance the store’s catalog</li>
<li>Customers get accurate results when searching shop pages</li>
<li>It makes it easy for customers to buy the right products when all the variations are visible on an individual product page with images</li>
<li>Shows customers unique descriptions of each variation and helps them make informed purchasing decisions</li>
</ul>

Products Linked by Variations

<p>Link products by their variations to provide your shoppers easy access to similar products right from the product page.</p>

Qode

<p><strong>QODE Variation Swatches for WooCommerce</strong> provides you with a clear-cut way to present all your shoppers with <strong>detailed product variations</strong> alongside your products on shop single pages.</p>
<p>This lets you <strong>reduce the user interaction cost</strong> as well as product viewing & comparison times, as you can feature a number of easily adjustable attributes for your products and more.</p>
<p><a href="https://qodeinteractive.com/qode-variation-swatches-for-woocommerce/" rel="nofollow ugc">Check out the QODE Variation Swatches Demo</a><br />
<a href="https://qodeinteractive.com/qode-variation-swatches-for-woocommerce/documentation/" rel="nofollow ugc">Check out the QODE Variation Swatches documentation</a></p>
<h3>Basic Features:</h3>
<ul>
<li>Create Color attributes</li>
<li>Create Image attributes</li>
<li>Create Label attributes</li>
<li>Adjustable variation styles</li>
<li>Custom variation width</li>
<li>Custom variation height</li>
<li>Custom variation border color</li>
<li>Custom size for the space between swatches</li>
</ul>
<h3>Get Even More with Premium:</h3>
<ul>
<li>Dual swatches for two-color samples</li>
<li>Custom color codes for selected attributes</li>
<li>Create Radio attributes</li>
<li>Create Tab Switch attributes</li>
<li>Adjustable Image, Color & Label attribute layouts</li>
<li>Individual width, height & border color attribute settings</li>
<li>Additional selected attribute text</li>
<li>Additional Info option for specific attributes</li>
<li>Customizable attribute term badges</li>
<li>Show or hide specific attributes</li>
<li>Adjustable tooltips for attribute terms</li>
<li>Modifiable disabled attribute styles</li>
<li>Predefined variation styles</li>
<li>Generation of links for every variation</li>
<li>Choose to show or omit attributes on product pages</li>
<li>Max numbers of visible attribute terms in lists</li>
<li>AJAX-powered variation data loading on shop pages</li>
<li>Customizable “Add to Cart” button</li>
<li>Product availability info</li>
<li>Show single variations in loops</li>
<li>Hide parent products in loops</li>
<li>Create new attribute terms</li>
<li>Different image galleries for each variation</li>
</ul>
<h3>Showcase Product Variations in Great Detail Using QODE Variation Swatches</h3>
<p>Enhance the eCommerce experience for all your visitors by featuring <strong>product variations</strong> next to your products with the help of flexible, option-rich QODE Variation Swatches for WooCommerce plugin.</p>
<p>You can include <strong>color</strong>, <strong>image</strong>, and <strong>label</strong> attribute swatches. The appearance of each attribute swatch can be modified thanks to a selection of <strong>stylization</strong> options that the plugin provides.</p>
<p>Best of all, each variation gets displayed <strong>on the fly</strong> once it is clicked on, providing the potential customer with a quick, streamlined way to view and compare different <strong>versions of a product</strong> they are viewing on a shop single page, thus eliminating the need to navigate to a different page on your website in the process.</p>
<p>The plugin is fully optimized for presenting your product variations to <strong>mobile</strong> users too.</p>
<h3>Customize the Appearance of your Swatches and Attributes</h3>
<p>The appearance of each attribute can be <strong>customized</strong> using a clearly outlined set of options included with the QODE Variation Swatches for WooCommerce plugin.</p>
<p>You can easily configure <strong>width</strong>, <strong>height</strong>, and idle/active <strong>border colors</strong> for each of the attributes.</p>
<h3> Documentation & Support </h3>
<ul>
<li>Check out our step-by-step <a href="https://qodeinteractive.com/qode-variation-swatches-for-woocommerce/documentation/" rel="nofollow ugc">user guide</a> on how to install and use QODE Variation Swatches for WooCommerce.</li>
<li>You can also submit a topic to the <a href="https://wordpress.org/support/plugin/qode-variation-swatches-for-woocommerce/" rel="ugc">support forum</a> at and our support team will be glad to help you out.</li>
</ul>
<h3>Privacy Policy</h3>
<p>We use our services</p>
<p>Qode’s CDN – The domain https://export.qodethemes.com is a service from which we retrieve the list of all Qode plugins displayed in the admin dashboard.<br />
Qode’s API – The domain https://api.qodeinteractive.com is an API that’s called when a user deactivates the plugin, to retrieve the reason for deactivation. Upon deactivating the plugin, the users are prompted for a reason for doing so. They also have the option to deactivate without providing a reply. The data obtained from the users who respond to the question is collected to improve the plugin. After the analysis of said data, the plugin is upgraded and enhanced in such a way as to fulfill the users’ expectations.<br />
Qode’s Terms of Use – https://qodeinteractive.com/terms-of-use/<br />
Qode’s Privacy Policy – https://qodeinteractive.com/privacy-policy/</p>
<h4>Looking for more?</h4>
<p>Feel free to try out some of our other products:</p>
<p><a href="https://wordpress.org/themes/qi/" rel="ugc">Qi Theme</a><br />
<a href="https://wordpress.org/plugins/qi-addons-for-elementor/" rel="ugc">Qi Addons for Elementor</a><br />
<a href="https://wordpress.org/plugins/qi-blocks/" rel="ugc">Qi Blocks for Gutenberg</a><br />
<a href="https://wordpress.org/plugins/qode-wishlist-for-woocommerce/" rel="ugc">QODE Wishlist for WooCommerce</a><br />
<a href="https://wordpress.org/plugins/qode-quick-view-for-woocommerce/" rel="ugc">QODE Quick View for WooCommerce</a><br />
<a href="https://wordpress.org/plugins/qode-compare-for-woocommerce/" rel="ugc">QODE Compare for WooCommerce</a><br />
<a href="https://wordpress.org/plugins/qode-product-extra-options-for-woocommerce/" rel="ugc">QODE Product Extra Options for WooCommerce</a><br />
<a href="https://wordpress.org/plugins/qode-product-bundles-for-woocommerce/" rel="ugc">QODE Product Bundles for WooCommerce</a><br />
<a href="https://wordpress.org/plugins/qode-optimizer/" rel="ugc">QODE Optimizer</a></p>


QODE Variation Swatches for WooCommerce

QODE Variation Swatches for WooCommerce provides you with a clear-cut way to present shoppers with detailed item variations alongside your products.

Products Linked by Variations vs QODE Variation Swatches for WooCommerce