Home News New Botiga Options: Drag-and-Drop Header Builder, Size Charts + Lots More

New Botiga Options: Drag-and-Drop Header Builder, Size Charts + Lots More


Should you’re utilizing the Botiga theme to construct your WooCommerce retailer, we’ve got nice information for you — we simply launched a bunch of latest Botiga options that can assist you extra simply customise your retailer and create an even higher expertise to your customers!

On September 6, 2022, we launched new variations of the free Botiga theme (model 1.1.9), in addition to Botiga Professional (model 1.1.0).

These options embody an all-new drag-and-drop header and footer builder for all Botiga customers, a customized dimension chart instrument for Botiga Professional customers, and simply usually plenty of useful new methods to customise and optimize your store and single product pages.

On this publish, we need to introduce you to all the new options so that you could begin utilizing them in your retailer and get probably the most out of your Botiga theme expertise.

For every new function, we’ll share a video that exhibits it in motion, in addition to directions for learn how to begin utilizing it in your web site.

Let’s dig in!

Discover the New Options in Botiga Free and Professional

Right here’s a fast abstract of probably the most notable new options — maintain studying for a full have a look at each!

  • New drag-and-drop header and footer builder
  • Carousel for product gallery thumbnails
  • Customized product dimension charts
  • Featured video and audio for merchandise
  • Distinctive product gallery photographs for every variation in a variable product
  • Choice to set product catalog rows to equal peak
  • Subsequent/prev buttons on single product pages
  • Possibility for customers to decide on between grid and checklist view on the frontend

Construct Headers and Footers More Simply with Drag and Drop (Free and Professional)

One of many greatest new options in Botiga is an all-new approach that can assist you customise your retailer’s header and footer through drag and drop.

The brand new drag-and-drop header and footer builder function is out there to all Botiga customers, together with the free model.

With the brand new builder, you’ll get a grid interface the place you possibly can management the structure of your header and footer from contained in the Customizer.

So as to add content material, you should utilize numerous elements, together with choices so as to add your main menu, web site title, search field, WooCommerce icons, customized buttons, and extra.

For much more customization, every part contains its personal settings, and also you’ll additionally get choices to regulate the settings and structure for every row within the header/footer (in addition to the header/footer generally).

Take a look at this video to see how straightforward it’s to construct customized headers with Botiga now:

You’ll additionally get the identical kind of interface to construct your footers:

Once more, the brand new drag-and-drop header and footer builder is out there to all customers.

Nevertheless, should you’re a Botiga Professional consumer, you’ll get additional elements to make use of in your designs, corresponding to components for login/register with popup, HTML, and shortcodes.

You’ll be able to entry the brand new builder from the Customizer — simply open the Header or Footer settings areas, relying on what you need to customise.

All Botiga customers can now allow a carousel view for product gallery thumbnails.

When enabled, customers will have the ability to use arrows to breeze via your product’s thumbnail gallery. Test it out under:

To allow this setting, open the Customizer, go to WooCommerce > Single Merchandise > Format, and use the Gallery Thumbnail Slider toggle.

Create Customized Product Size Charts (Professional)

Want so as to add a dimension chart to your merchandise?

With Botiga Professional, you’ll now not must depend on third-party dimension chart plugins. As a substitute, you possibly can simply create your individual customized dimension charts, full with as many rows and columns as wanted to your merchandise.

You too can add a number of dimension charts, corresponding to separate dimensions for males’s and girls’s clothes.

When you arrange your dimension chart, customers will have the ability to entry it instantly from the one product web page. 

Customers can click on a hyperlink/button to open the dimensions chart. It’s going to show in a popup so that you could maintain your prospects on the one product web page.

Take a look at the video under to see what it’s like so as to add your dimension chart, in addition to what it seems to be like on the frontend:

The dimensions chart function is disabled by default. You’ll be able to allow it by opening the WordPress Customizer and navigating to WooCommerce > Single Merchandise > Size Chart.

When you allow it, you possibly can create your dimension charts by going to Merchandise > Size Chart in the primary WordPress dashboard.

You’ll be able to assign your dimension charts to each product on the international stage or add customized dimension charts to particular person merchandise as wanted.

Take a look at the complete documentation right here.

You’re now not restricted to pictures to your product featured media. Now, you possibly can assign video or audio because the product featured media (in addition to create video/audio product galleries).

Not solely will this show an audio/video participant on the one product web page however on the store archive pages as properly.

For video sources, you possibly can both self-host the movies or embed them from third-party platforms corresponding to YouTube and Vimeo.

This function works nice for digital merchandise, however it’s also possible to use it to showcase your bodily merchandise in additional interactive methods.

Right here’s the way it works:

So as to add video or audio to merchandise, open the product editor for the related product. Scroll right down to the Botiga Product Choices field and use the Featured Video tab to allow and configure movies. Enabling video may even allow audio assist.

Take a look at the complete documentation right here.

Should you’re utilizing variable merchandise in your retailer, Botiga Professional now permits you to showcase completely different product photographs within the gallery primarily based on the variation {that a} shopper has chosen.

This helps you showcase your variable merchandise extra successfully by giving customers a number of methods to view every variation.

Check out the video under — pay particular consideration to how all the product gallery photographs change when a distinct variation is chosen:

So as to add gallery photographs to a variation, go to the Variations tab within the Product knowledge field of the editor for that variable product.

Then, choose the variation to which you need to add photographs and use the brand new Add Gallery Photographs button beneath the Variation Gallery Photographs heading:

Product variation gallery setup

Set Product Catalog Rows to Equal Top (Free)

When you’ve got merchandise with featured photographs in several sizes or product titles with completely different lengths, you’ll be completely happy to know which you can now set your product catalog rows to equal peak with the tick of a toggle, no matter any dimension variations within the merchandise themselves.

Right here’s what it seems to be like:

To allow this function, open the Customizer and go to WooCommerce > Product Catalog > Product card. Then, use the Product Equal Top toggle to show it on or off.

Add Subsequent/Prev Buttons to Product Pages to Enhance Product Discovery (Professional)

Wish to encourage customers to interact with extra of your merchandise? After all, you do!

With Botiga Professional, now you can add subsequent/earlier buttons to single product pages to assist customers uncover extra of your merchandise.

When customers hover over one of many buttons, they’ll see a preview of the product’s title and featured picture. Clicking on the arrow will take them straight to that product web page:

To allow/disable this function, open the Customizer, go to WooCommerce > Single Merchandise > Format, and use the Product Navigation toggle.

Let Customers Select Between Grid and Checklist View (Professional)

Completely different customers would possibly choose to browse your retailer in several methods. 

With the most recent model of Botiga Professional, now you can let customers select their most well-liked structure by giving them an possibility to simply toggle between grid and checklist view from the frontend of your web site.

To allow this function, open the Customizer and go to WooCommerce > Product Catalog > Format. Then, use the Grid & Checklist View toggle to show this function on or off.

Get Began with These New Botiga Options Right this moment!

That wraps up our introduction to a number of the greatest new options in our Botiga theme.

Once more, each of those releases have been out since September 6, so that you’re free to begin utilizing all of those new options in the present day.

Should you’re utilizing the free Botiga theme, it’s best to have already acquired an replace notification in your dashboard.

If you wish to entry the brand new options in Botiga Professional (plus all the different useful Botiga Professional options), you possibly can improve to Botiga Professional in the present day. Your whole current settings and configurations will keep the identical after upgrading — you’ll simply get entry to a bunch of latest options.

Should you’re already a Botiga Professional consumer, it’s best to’ve acquired an replace notification in your dashboard. Should you haven’t, make sure that so as to add your license key to benefit from straightforward in-dashboard updates.