This feature lets you display a countdown timer on the product page for items on sale in WooCommerce. The timer shows customers exactly how much time is left until the discount ends, creating a sense of urgency and encouraging quicker purchase decisions. The countdown design is fully customizable to match your site’s style and branding.

This feature allows you to display a progress bar on the Cart and Checkout pages, showing customers how much more they need to spend to qualify for free shipping. It encourages customers to add more items to their cart, helping to increase your average order value. The free shipping threshold is fully customizable, and the progress bar updates automatically based on the cart total.

Access Path:
Theme Options > WooCommerce > Products Settings > Free shipping bar

This feature allows you to display either a category or a brand subtitle on WooCommerce archive product pages. The choice is fully customizable, giving users control over which option to show for better browsing and brand visibility.

Access Path:
Theme Options > WooCommerce > Products Settings > Products subtitle

This feature allows designers to easily showcase products in a carousel format based on a selected category — a highly popular and engaging layout style for modern websites.

You can now display a secure payment information section directly on each single product page—helping to reassure customers during the buying journey.

You can enable it from:
Theme Options > WooCommerce > Product Settings > Secure cards image

It allows you to show trust badges, SSL icons, or a short reassuring message about payment security—like encrypted transactions, money-back guarantees, or secure checkout providers.

This is especially useful for eCommerce stores that want to reduce cart abandonment and increase customer trust, particularly for first-time buyers. With just a small visual cue, you can make a big impact on conversion rates.

This feature adds a sleek visual touch to your navigation menus: when you hover over a menu item, the non-hovered items automatically dim using a low-opacity effect. This makes the active item stand out and helps guide user attention more effectively.

You can enable it from:
Theme Options > Header > Menus Hover Effects >Menus hover opacity

This subtle animation enhances the user experience, especially on design-focused websites, by reducing visual clutter and improving readability. It’s a great way to create a more polished, interactive feel without being intrusive.

For better SEO flexibility, you now have full control over the HTML heading tags (H1–H6) used for inner titles on WooCommerce pages—such as Shop, Product Categories, and more.

You can adjust this setting via:
Theme Options > WooCommerce > Product Settings > Product title tag

This feature is especially useful for improving your site’s semantic structure and aligning with SEO best practices. For example, you might want to reserve <h1> for your main page title and use <h2> or <h3> for inner headings to maintain proper hierarchy.

By setting the appropriate heading tag, you can ensure better crawlability, improved accessibility, and clearer content structure for both users and search engines.

Tabs on single product pages—like Description, Additional Information, and Reviews—can now include icons to make navigation more intuitive and visually appealing.

You can find it under:
Theme Options > WooCommerce > Product Settings > Tabs Icons

Using icons next to tab titles helps users quickly identify different sections, improves readability, and adds a layer of professionalism to your product layout. It’s especially effective for mobile users, where space is limited and visual cues play a bigger role. Whether you choose simple symbols or custom icons, this feature gives you more flexibility to tailor your product pages to your brand style.

A new setting has been introduced that allows you to hide the title on single product pages—a simple yet powerful option for cleaner product layouts.

You can find it under:
Theme Options > WooCommerce > Product Settings > Hide Product Title

This feature is especially useful for stores using custom-designed banners or product headers, where the default title may feel redundant or disrupt the visual flow. By disabling the title, you gain more control over your product page appearance without touching any code.

It’s ideal for minimal layouts, promotional product pages, or when using full-width hero images instead of standard product headers.

There is another option where you can place the search form in a widget, which is explained step-by-step in the tutorial below:

Go to Dashboard > Appearance > Widgets > Find Product Search widget then drag and drop this to a Sidebar. 

To edit the tabs, Navigate to Theme Options > WooCommerce Pro > Product Settings 

The content of the Brand,  Size Guide, and FAQ tabs can be edited via the:

Dashboard > Products > Brand/Size Guide/FAQ, as shown in the screenshots below:

To customize the style of the tabs, you can follow the path below:

Theme Options > WooCommerce Pro > Product Styling > StyleKit of Tabs, Tab content, Active Tab.

As shown in the screenshot below:

Using the WooCommerce Changing Add to Cart Button Text Plugin

Suggested Plugins:

Using the WooCommerce Disable Add to Cart Button Plugin

Suggested Plugins:

Fixing the Cart and Checkout page do not working in WooCommerce

Enable/Disable the WooCommerce Coming Soon Feature

What is a Product SKU?

How to Set an SKU for Products in WooCommerce?

How to Set an SKU for Products in WooCommerce?

Adding a cover picture to the WooCommerce category and tag

It is important to know that:

The steps for adding a background image or thumbnail to the WooCommerce tag are the same.

Changing image ratio and size of woocommerce product

Use Custom CSS (Optional)

If the above methods don’t provide the exact ratio or size adjustments you need, you might have to apply some custom CSS:


/* Example: Adjust the size of product images */
.woocommerce ul.products li.product img {
width: 100%; /* Adjust this value as needed */
height: auto; /* Maintain aspect ratio */
}

/* Example: Force square images */
.woocommerce ul.products li.product img {
object-fit: cover;
width: 300px;
height: 300px;
}