Would you like to show size charts on your product pages, such as charts for clothes, shoes, bags, or jewelry? Botiga Pro includes a built-in Size Chart module that lets you create as many size charts as you need and assign them to products.
In this guide, we’ll walk you through how to add a size chart to your products in Botiga.
Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active. The Size Chart module is a Botiga Pro feature, so this requires Botiga Pro.
To start using the size chart feature, first enable the module from Appearance » Theme Dashboard.
Once the module is enabled, go to Appearance » Customize » WooCommerce » Single Products » Size Chart.
- Global Size Chart (Optional): Adds a single size chart to all products in your store. See the steps below for how to create global size charts.
- Title: The title of the global size chart.
- Icon: The icon displayed on the product page.
Enable the size chart, then publish or save the Customizer settings.
Creating a size chart
When you enable the Size Chart feature, a new option appears under the Products menu in your admin area. This is where you create your size charts.
Go to Products » Size Chart and click Add New to create a new size chart. Then add your data to the size chart options.
Displaying a size chart on a product page
Once you have a size chart created under Products » Size Chart, assign it to each product where you want it to show. Edit the product, scroll down to the Botiga Product Options box, and select the size chart you want to display.
Save or publish the changes, then check the product on the front end of your site.
Defining a global size chart for all products
First, make sure you have at least one size chart created under Products » Size Chart. Then go to Appearance » Customize » WooCommerce » Single Products » Size Chart and select your chart in the Global Size Chart option.
Styling the size chart
Find options to customize the size chart styling, such as text color, icon color, and popup background color, under Appearance » Customize » Single Product » Size Chart (Style).
Frequently asked questions
Below, we’ve answered some of the most common questions about size charts in Botiga.
How many size charts can I create?
As many as you need. You can create a different chart for each product type, such as clothes, shoes, or bags, and assign the right one to each product.
Can I show the same chart on every product automatically?
Yes. Set a chart in the Global Size Chart option in the Customizer, and it applies to all products without assigning it to each one.
That’s it! You’ve successfully added a size chart to your products in Botiga.
Next, would you like to add more detail to your product pages? Check out our guide on adding a brand image to single products to learn more.
