WooCommerce Size Chart

• The admin can add size chart templates.
• The admin can add a size chart description text with images.
• Size chart Widget can also be enabled by the admin.
• Global Setting can be used for a Size Chart.
• Customers will see the size chart on the product page and shop page.
• This module increases the customer satisfaction.
• The admin can use multiple size chart for a single product.

The user will get a zip file which he has to upload in the “Add New” menu option in the WordPress admin panel.

For this, login to WordPress Admin Panel and then Under the Dashboard, hover your mouse over the “Plugins” menu option which brings out a Sub-Menu and then select the “Add New” option.

After this, you will see an option on the top of your page that is “Upload Plugin”, Now clicks the option to upload the zip file.

By clicking on the “Upload Plugin” option, below that you will see a button “Choose File” click on the button to browse for the zip file as per the snapshot below.

After browsing the file, click the “Install Now” button to install the plugin as per the snapshot.

Now when the plugin is installed correctly, then you will see the success message and an option to activate the plugin. Henceforth now, click on “Activate Plugin” to activate the installed plugin.

The admin can manage the module from the admin panel easily. Moreover, after the successful installation of the module, the admin can click on the Product Size Chart menu from the admin panel and create a New Size Chart, View all available size charts, and Manage the global settings for the size chart.

The admin can manage and customize the Global Size setting of the Size Chart, so it can be used as a global size chart setting latter.

Customize Global Setting –

To customize the global size chart setting, the admin can click on the Global Setting from the admin panel under the Product Size Chart, and then customize it according to their needs as shown in the image below –

Here, the admin can –

Enable or Disable the global size chart by clicking on the checkbox button.

Size Chart Data Label – The admin can enter the label of the size chart data/ description.

Show Size Chart on Shop Page – Select Yes, and it will show the size chart button in the shop & Product Page, only when the Size chart view is Popup.

Size Chart View – Here, the admin can select, how the size chart will be displayed on the front-end i.e. popup, additional tab, or both.

Button Position – Select the size chart button position i.e. Before add to cart, or after the add to cart button.

Size Chart Button Label – Enter the Size Chart Button Label here.

Button Color – The admin can select the size chart button color accordingly.

Text Color Of The Button – Select the size chart button text color.

Button Border Radius – The admin can set the border width for the button and it should be within the range 0-5

Size Chart Table Border Color – select the border color of the size chart table here.

Table Border Width – The admin can select the border width of the table within the range 0-5

Table Header Color – The header color of the size chart table can be set here.

Size Chart Table Header Text Color – The admin can select the header text color of the size chart.

Table Text Color – Select the text color of the size chart table.

Size Chart Table Background Color – The admin can select the background color of the size chart table.

The admin can add a new size chart by clicking on the Add New button under the Product Size Chart.

here, the admin can enter the title of the size chart, description of the size chart along with the image.

Moreover, the admin can create the size chart table by clicking on the “Plus sign” and then add columns and rows as shown in the image below –

Here, the admin can enter the label of the size chart and then add the rows and column and then enter the values.

Size Chart Configuration –

The admin can now configure the size chart as shown in the image below –

Here, the admin can mark the checkbox button to use the preset global size chart setting or configure the size chart manually.

Add Products – The admin can select the products for which the admin wants to assign the size chart.

Size Chart Data Label – Here, the admin can enter the label for the description data.

Show size chart on shop page – Select Yes to display size chart on shop page.

Size Chart View – Select the size chart view as a popup, additional tab, or both.

Button Position – Set the position of the size chart button as Before add to cart, or after add to cart.

Size chart button label – The admin can enter the label name of the size chart button.

Color of Button – Button color of the size chart can be set by the admin.

Text Color Of The Button – Set the button text color here.

Button Border Radius – The admin can select the border width within the range 0-5

Size Chart Table Border Color – Select the border color of the size chart table.

Table Border Width – Set the table border width within the range 0-5

Size Chart Table Header Color – Select the header color of the size chart table.

Table Header Text Color – The admin can select the text color of the size chart header table.

Size Chart Table Text Color – Set the size chart table text color here.

Size Chart Table Background Color – Here, the admin can select the background color of the size chart table.

From the admin panel, the admin can view and edit the existing size chart. The admin can also delete the created size chart.

Now, the admin can click on the size chart which the admin wants to edit and then edit the size chart accordingly.

The admin can add the widget from the admin panel. To add a Size Chart Widget, the admin can navigate to widget from the admin panel under the Appearance menu and then manage the size chart widget as shown in the image below –

Here, the admin can select the widget for a single product size chart or display the list of the size chart. The admin can also set the position of the widget as the sidebar, below the header, and the footer column.

Now, the admin can set the title for the widget, and also select the size chart from the available size chart list.

The size chart will be displayed on the shop page and the product page as configured by the admin.

Now, the customer can click on the Size Chart button to view the size chart as shown in the image below-

The customer can also click on another tab near to the size chart tab to view other details as shown in the image below-

If enabled, the widget of the size chart will also be displayed to the customers as shown in the image below –