<h2></h2>
<p>Responsive design is today’s web standard. But default WooCommerce product detail tabs are horizontal and not responsive. This plugin transforms tabs into beautiful vertical/accordion tabs.</p>
<ol>
<li>After the plugin is installed, please enable vertical tabs for product details by going to WooCommerce –> Settings –> Products –> Vertical Product Tab.</li>
</ol>
<p><img class="size-medium wp-image-6564808 aligncenter" src="https://woocommerce.com/wp-content/uploads/2020/10/screenshot-localhost-2020.10.02-21_22_57.png?w=620" alt="" width="620" height="430" /></p>
<p>2. Enabling this will create vertical/accordion tabs.</p>
<p><img class="size-medium wp-image-6564833 aligncenter" src="https://woocommerce.com/wp-content/uploads/2020/10/WooCommerce-vertical-tabs-for-product-details.png?w=620" alt="" width="620" height="129" /></p>
<p>3. Customers can find information more efficiently on mobile devices.</p>
<p><img class="size-medium wp-image-6564848 aligncenter" src="https://woocommerce.com/wp-content/uploads/2020/10/WooCommerce-accordion-tabs-for-product-details.png?w=620" alt="" width="620" height="199" /></p>
<h2><strong>Benefits</strong></h2>
<ol>
<li>Transform old horizontal product detail tabs into vertical/accordion tabs.</li>
<li>The responsive design means that customers can find information easily on mobile and tablet devices.</li>
<li>Product detail tabs can also be used as an accordion on desktop.</li>
<li>The feature is very useful when products have many tabs.</li>
<li>Admins can choose to customize active tab background colors, font colors, inactive tab colors, etc.</li>
</ol>
<h2>Usage</h2>
<p>Once you enable “Vertical And Accordion Product Detail Tabs,” you can see that your product detail page tabs now transform to vertical and accordion tabs.</p>
<h3>Vertical Tabs View</h3>
<p><img class="alignnone size-medium wp-image-2748759" src="https://woocommerce.com/wp-content/uploads/2020/10/WooCommerce-Vertical-accordion-product-details-tabs-screen.png?w=367" alt="" width="367" height="550" /></p>
<h3>Accordion Tabs View</h3>
<p><img class="alignnone size-medium wp-image-2748760" src="https://woocommerce.com/wp-content/uploads/2020/10/WooCommerce-Vertical-accordion-product-details-tabs-screen-responsive.png?w=375" alt="" width="375" height="550" /></p>
<p> </p>
<h3>Requirements</h3>
<p>Minimum PHP version: 5.2</p>
<p>Transform old horizontal product detail tabs to vertical/accordion tabs.</p>
<h2><strong>For More Info</strong></h2>
<div class="post-theme-info" style="padding: 10px 0 8px;text-align: center">
<p><a class="button green" href="https://www.i13websolution.com/wp-test/product/beanie/">Demo</a>  <a class="button green" href="https://woocommerce.com/document/2-0/vertical-and-accordion-product-detail-tabs/">View Documentation</a></p>
</div>

Vertical & Accordion Product Detail Tabs

<p>This plugin transforms old horizontal product detail tabs to vertical/accordion tabs.</p>

<ul class="wccom-tick-list-primary">
<li>Offer more intelligent upsells and cross-sells — or create your own, rule-based <a href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">recommendation engines</a>.</li>
<li>Improve the shopping experience across your entire store, with recommendations placed at <a href="https://woocommerce.com/document/product-recommendations/store-owners-guide/#locations" target="_blank" rel="noopener noreferrer">strategic locations</a>.</li>
<li>Measure their impact and optimize your strategies with in-depth <a href="https://woocommerce.com/document/product-recommendations/store-owners-guide/#analytics" target="_blank" rel="noopener noreferrer">analytics</a>.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<div class="woo-sc-box normal"><strong>Woo Product Recommendations</strong> has not been optimized for use with block themes: Recommendation Engines may not work as expected when a block theme is active. Support for the Block/Site Editor is coming soon.</div>
<h2></h2>
<h2>Upsells and cross-sells with a pinch of intelligence</h2>
<p>Ever noticed how the most successful stores leverage the power of product recommendations? When done right, upsells and cross-sells deliver a more engaging experience to your visitors — the kind of experience that not only helps them find products they like, but also keeps them coming back.</p>
<p>Fortunately, you don’t need a team of machine learning specialists to get started. <strong>Product Recommendations</strong> is a state-of-the-art product recommendations platform for WooCommerce that brings together human intelligence and machine learning, with one goal: To help you grow your sales.</p>
<h3>Let technology do the heavy lifting for you</h3>
<p>Build intelligent engines that generate automated, accurate <a title="Recommend products that are frequently bought together." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/offer-frequently-bought-together-recommendations/" target="_blank" rel="noopener noreferrer">Frequently Bought Together</a> recommendations, with near-zero waiting or training. Our lightweight search algorithm analyzes your orders to discover meaningful product relationships, and quickly adapts itself to new trends and seasonal patterns.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_6110666" aria-describedby="caption-attachment-6110666" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-6110666" src="https://woocommerce.com/wp-content/uploads/2019/07/use-case-frequently-bought-together-result.png" alt="Deliver captivating, Amazon-style recommendations, without giving up your store's data or revenue to anyone" width="980" height="938" /><figcaption id="caption-attachment-6110666" class="wp-caption-text">Deliver captivating, Amazon-style product recommendations, without giving away your store’s data (or revenue) to third-parties.</figcaption></figure>
</div>
<h3>Add recommendations across your entire catalog, effortlessly</h3>
<p>Ever tried to manually add upsells and cross-sells to every product or category page of your store? With <strong>Product Recommendations</strong>, you can do both in minutes. Create upsells and cross-sells in bulk, instead of entering products one by one. Add category, attribute, tag, or price <strong>filters</strong> to narrow down products, and use <strong>amplifiers</strong> to boost specific results based on popularity, rating, creation date, conversion rate, or more advanced criteria.</p>
<p>Looking for a way to recommend products from the currently viewed category, or brand? Want to limit results to products that cost more than the currently viewed product? No problem! <strong>Product Recommendations</strong> lets you deploy context-aware recommendations, faster.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943601" aria-describedby="caption-attachment-4943601" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943601" title="Create upsells, cross sells and related products in bulk, by category or tag." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-upsells-sm.png" alt="Create upsells, cross sells and related products in bulk, by category or tag." width="980" height="891" /><figcaption id="caption-attachment-4943601" class="wp-caption-text">Use smart <strong>filters</strong>, <strong>amplifiers</strong> and <strong>visibility conditions</strong> to create recommendation recipes for multiple products and product category pages at once.</figcaption></figure>
</div>
<h3>Promote the right product, to the right customer, at the right time</h3>
<p>Increase your store’s average order value by recommending <a title="Offer upsells after checkout." href="https://woocommerce.com/document/recommend-recently-viewed-products/" target="_blank" rel="noopener noreferrer">recently viewed products</a> and products from <a title="Offering upsells on the thank you page." href="https://woocommerce.com/document/recommend-products-from-recently-viewed-categories/" target="_blank" rel="noopener noreferrer">recently viewed categories</a> on the checkout page, or even after customers complete their orders. Make relevant, well-timed offers by displaying them conditionally, based on your customers’ cart/order contents, browsing history, date, or location.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943634" aria-describedby="caption-attachment-4943634" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943634" title="Recommend products from recently viewed categories." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-still-looking.png" alt="Recommend products from recently viewed categories." width="980" height="455" /><figcaption id="caption-attachment-4943634" class="wp-caption-text">Offer personalized upsells before or after checkout. Recommend products from categories that customers viewed, and display your recommendations conditionally, based on order or cart contents.</figcaption></figure>
</div>
<h3>Recommend products anywhere</h3>
<p>Deploy recommendations at more than 20 locations on your store’s:</p>
<ul>
<li>Main shop page.</li>
<li>Product category or tag pages.</li>
<li>Individual product pages.</li>
<li>Cart and checkout pages.</li>
<li>Thank You (order-received) and order-pay pages.</li>
</ul>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943600" aria-describedby="caption-attachment-4943600" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943600" title="Boost your customers' confidence and make browsing more fun by recommending best sellers and top rated products." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-top-rated-sm.png" alt="Boost your customers' confidence and make browsing more fun by recommending best-sellers and top-rated products." width="980" height="1661" /><figcaption id="caption-attachment-4943600" class="wp-caption-text">Effortlessly add recommendations to every category page in your catalog.</figcaption></figure>
</div>
<h3>Make your own rules</h3>
<p>Tailor the shopping experience across your entire site to fit your merchandising strategies. Build custom recommendation engines that utilize <strong>filters, amplifiers and visibility conditions</strong> to match products and customers. Want some inspiration?</p>
<ul>
<li>Use the psychology of social proof to your advantage. Boost your customers’ confidence and make browsing more fun by recommending <a title="Recommend best sellers in your WooCommerce store's shop archives." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-trending-products/" target="_blank" rel="noopener noreferrer">best selling</a> and <a title="Recommend top rated products in your WooCommerce store's shop archives." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-top-rated-products/" target="_blank" rel="noopener noreferrer">top rated</a> products at the top of your store’s product category and tag pages.</li>
<li>Inspire customer loyalty: Offer curated <a title="Make complementary products easier to discover in WooCommerce product pages." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/offer-complete-the-look-recommendations/" target="_blank" rel="noopener noreferrer">Complete the Look</a> recommendations in product pages, or after customers have placed their orders.</li>
<li>Incentivize customers to <a title="Encourage customers to spend more and unlock free shipping." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-products-to-unlock-free-shipping/" target="_blank" rel="noopener noreferrer">spend more in order to unlock perks</a>, such as free shipping.</li>
<li>Encourage impulse purchases by recommending popular products on the checkout page: To optimize conversion, prioritize <a title="Recommend on sale products in your WooCommerce store's checkout page." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-last-minute-deals/" target="_blank" rel="noopener noreferrer">on-sale</a> and <a title="Offer seasonal product recommendations in your WooCommerce store's checkout page." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-products-on-specific-dates/" target="_blank" rel="noopener noreferrer">seasonal</a> items.</li>
</ul>
<p>Need more ideas? Get a head start with <a title="Simple, engaging product recommendation strategies for your WooCommerce store." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">these</a> high-performing strategies.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<p><img class="aligncenter wp-image-18734001019355 size-full" style="margin-bottom: 1.5em" title="Use filters and amplifiers to create your own, custom recommendation engine." src="https://woocommerce.com/wp-content/uploads/2019/07/Engine-configuration-sample.png" alt="" width="1742" height="968" /></p>
</div>
<h3>Optimize your strategies with in-depth analytics</h3>
<p>Drill down into insightful reports to understand and refine your recommendation strategies. Track and analyze:</p>
<ul>
<li>Gross and Net Revenue.</li>
<li>Conversions.</li>
</ul>
<p>To help you understand what drives conversions, we’ve made every report filterable by date, converted product and location!</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_18734000458815" aria-describedby="caption-attachment-18734000458815" style="width: 980px" class="wp-caption alignnone"><img class="size-full wp-image-18734000458815" title="Generating Revenue and Conversion reports with WooCommerce Product Recommendations." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-report-1.png" alt="Generating Revenue and Conversion reports with WooCommerce Product Recommendations." width="980" height="966" /><figcaption id="caption-attachment-18734000458815" class="wp-caption-text">Optimize your strategies with detailed Revenue and Conversion analytics.</figcaption></figure>
</div>
<p>The best part? <strong>Product Recommendations</strong> has been carefully designed to work on hosting environments with limited resources, and is built to scale.</p>
<h3>How to get started</h3>
<ol>
<li>Buy <strong>WooCommerce Product Recommendations</strong>.</li>
<li>Download and install it.</li>
<li>Pick one of <a title="Simple, engaging product recommendation strategies for your WooCommerce store." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">these</a> tried-and-tested strategies.</li>
<li>Follow our documentation to build and deploy your first Engine.</li>
<li>Sit back and enjoy the extra revenue!</li>
</ol>

Product Recommendations

<p>Offer smarter upsells, cross-sells, and “frequently bought together” recommendations. Measure their impact with in-depth analytics.</p>

Vertical & Accordion Product Detail Tabs vs Product Recommendations