<ul class="wccom-tick-list-primary">
<li>Show product variations as single products in shop, category, and search-result pages.</li>
<li>You can give custom product titles to variations that display as single products in product listing pages.</li>
<li>Includes an option to hide the parent product in shop, category, and search result pages.</li>
<li>You can control the option to show variations as single products and hide parent products globally or on product levels.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2><strong>Display Variations on Single Product Pages</strong></h2>
<p>WooCommerce variations display in a drop-down menu on a single product page. The customer must go to the single product page, choose a variation and add it to their cart. For stores that sell products with more variations, showing product variations as single products reduces friction in the purchasing flow. With <strong>Variations as Single Products for WooCommerce</strong> customers can instantly add multiple variations to their carts. With this plugin, you can save your customers time and improve their browsing experience. You can also hide the parent product from product listing pages.</p>
<h2><strong>Settings</strong></h2>
<ul>
<li>Go to > WooCommerce > Settings > Variations as Products</li>
<li>Enable or disable: Select this checkbox to display variations as single products on product listing pages.</li>
<li>Hide parent products: Select this checkbox to hide parent products on product-listing pages.</li>
<li>Process variations: This button is useful to sync existing variations with the plugin. You will only need to use it once after your initial installation of <strong>Variations as Single Products for WooCommerce</strong>.</li>
</ul>
<p><img class="alignnone size-full wp-image-3416272" src="https://woocommerce.com/wp-content/uploads/2021/08/Screenshot-2022-05-13-at-7.20.37-PM.png" alt="" width="980" height="632" /><img class="alignnone size-full wp-image-3416272" src="https://woocommerce.com/wp-content/uploads/2021/08/Screenshot-2022-05-13-at-7.20.37-PM.png" alt="" width="980" height="632" /></p>
<ul>
<li>Go to > Products > Edit product > Single variation</li>
<li>Exclude variations: Select this checkbox to exclude this product and show the variations as single products.</li>
<li>Hide parent product: Select this checkbox to hide the parent product on product listing pages.</li>
</ul>
<p><img class="alignnone size-full wp-image-3416341" src="https://woocommerce.com/wp-content/uploads/2021/08/admin-product-edit-single-variation.png" alt="" width="980" height="436" /></p>
<ul>
<li>Go to > Products > Edit product > Variation</li>
<li>Variation product name: Input your desired variation product title here.</li>
</ul>
<p><img class="alignnone size-full wp-image-3416350" src="https://woocommerce.com/wp-content/uploads/2021/08/admin-product-edit-page.png" alt="" width="980" height="1059" /></p>
<h2>Frontend</h2>
<p><img class="alignnone size-medium wp-image-8487276" src="https://woocommerce.com/wp-content/uploads/2021/08/product-variations-shop-page.png?w=620" alt="" width="620" height="665" /></p>
<h2><strong>Troubleshooting</strong></h2>
<p>Use default WordPress troubleshooting.</p>
<h2><strong>Frequently Asked Questions</strong></h2>
<p><strong>Can I give a custom title to each product variation?</strong></p>
<p>Yes, you can add your custom title to product variations by navigating to Products > Edit product > Variation.</p>
<p><strong>Can I hide parent products?</strong></p>
<p>Yes, you can hide parent products globally or for a specific product. To hide it globally, navigate to WooCommerce > Settings > Variations as Products and select the checkbox “Hide parent product”. To hide it at the product level, navigate to Products > Edit product > Single variation and select the checkbox of “Hide parent product.”</p>
<p><strong>I have installed the plugin and configured it, but the variations are not showing as single products. Any advice?</strong></p>
<p>No worries. You just need to click on the Process Variations button by navigating to WooCommerce > Settings > Variations as Products. This will sync the existing product variations with the plugin. You will only need to use this button after your initial installation.</p>

Variations as Single Products

<p>Display variations on separate, searchable, individual product pages and improve your customers’ experience.</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.

Variations as Single Products vs QODE Variation Swatches for WooCommerce