Reading list Switch to dark mode

    WooCommerce Size Chart

    Updated 31 May 2023

    WooCommerce Size Chart allows the admin to easily create Size Chart for their products. The admin can create a customizable size chart and then assign the created size chart to the products.

    Using WooCommerce Size Chart, the admin lets their customers find out the right product size chart for them. In an online e-commerce store, the customers can identify their fit according to the size chart available on the website and then purchase the product without thinking about any size issue.

    So, this extension will definitely help the customers to identify their fit and then they can process further to purchase the product according to the size chart. It will allow the admin to easily create Size Chart for their products. Furthermore, the admin can create a customizable size chart and then assign the created size chart to the products.

    Watch the below video tutorial to understand the extension workflow:

    Features –

    • 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.

    Searching for an experienced
    WordPress Company ?
    Find out More

    Installation –

    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.

    installation -1

    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.

    upload plugin

    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.

    choose file

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

    install plugin

    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.

    activate plugin

    Module Translation

    To know how to translate the module, you can click here.

    Admin End Configuration –

    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.

    image-38

    Manage Global Settings –

    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 –

    manage size chart global setting

    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.

    Add New Size Chart –

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

    image-39

    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 –

    add size chart table

    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 –

    df

    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.

    View and Edit Existing Size Chart –

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

    image-40

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

    Manage Widget –

    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 –

    add size chart widget

    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.

    manage widget

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

    Front-End View –

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

    dv

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

    d

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

    fv

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

    efedg
    That was all about the WooCommerce Size Chart. Moreover, if you have any doubts or queries regarding the extension get back to us at [email protected] or create a ticket at our HelpDesk system.

    Current Product Version - 1.0.1

    Supported Framework Version - Wordpress - 6.0.3 WooCommerce - 7.0

    Blog Version - Wordpress - 6.0.3 WooCommerce - 7.0
    • Version Wordpress - 6.0.3 WooCommerce - 7.0
    • Version WooCommerce 3.7
    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content