This documentation will make you understand basic structure of app. If you have any questions that are beyond the scope of this help file, please feel free to contact me from contact form here .or email us at support@wptheme.co.in
Created on: 26-09-2024. Version: 1.0
The Custom Size Chart App enables store admins to easily add a size chart block to product pages and position it according to their needs. Admins have full control over attaching one size chart to either individual products or multiple products and collections, with support for conditional logic to apply different charts based on the product or collection.
The app also offers flexibility in content, allowing admins to add custom text for the header and footer, with the size chart displayed in between. A representative image can also be added for better visual representation.
Admins can customize the size chart with any number of rows and columns. The first row is designated for labels, while subsequent rows are for entering size values. This app provides a comprehensive solution for ensuring customers have access to clear, accurate size information, helping improve their shopping experience.
Easily add a size chart block to product pages and place it anywhere on the page, based on your design preferences.
Link one size chart to multiple products or collections. You can also use conditional logic to apply different size charts to specific products or collections.
Add customizable text to display at the top and bottom of the size chart, allowing clear instructions or additional details to customers.
Include an image in the size chart to provide a visual reference for customers, making the size guide more intuitive.
Admins can create unlimited rows and columns in the size chart. The first row is reserved for labels, while the remaining rows can be filled with values.
Set conditions to apply size charts based on specific products or collections, ensuring the size guide is relevant for each item.
Any changes made to the size chart are reflected immediately on the product page, allowing for quick updates and adjustments.
The size chart block is designed to be fully responsive, ensuring it displays correctly on all devices, from desktop to mobile.
The app offers an easy-to-use admin interface, making it simple to create, customize, and manage size charts without technical knowledge.
Works seamlessly with your store’s theme, allowing the size chart to match your design and branding perfectly.
The Settings Page is designed to help store owners easily configure and customize the appearance and functionality of the Custom Size Chart feature on their product pages. These settings allow you to control whether the size chart is enabled or disabled, as well as personalize the visual aspects of the chart to align with your store's branding.
This dropdown allows you to enable or disable the custom size chart feature. By selecting "Enable," the feature will be active and displayed on the product pages. Choosing "Disable" will hide the custom size chart from the storefront.
This field lets you set the background color of the header in the size chart popup. You can click the color box to choose a custom color or manually enter a hex color code (e.g., #45c0b6). This allows you to match the size chart header color with your store’s branding.
This setting allows you to choose the color for the popup button, which will trigger the custom size chart on the product page. Like the header color, you can either choose from the color palette or input a specific hex color code to ensure consistency with your store's design.
Once you have made the desired changes to the settings, click the "Save" button to apply them. This ensures that your custom size chart settings (status, header background color, and popup button color) are updated and reflected in the store.
This page allows admins to manage their size charts. From here, they can add new size charts, search through existing ones, and monitor their status (active or inactive).
The admin can also delete multiple size charts in bulk, and easily navigate between pages when managing a large number of charts. The interface is designed to streamline the process of organizing and applying size charts to products or collections.
This button allows the admin to create a new size chart. Clicking on this button will open a form where the admin can add specific details like labels, values, and configure the size chart that will be displayed on the product pages.
The search bar enables admins to quickly search for existing size charts by name. This is helpful when managing multiple size charts, allowing the admin to filter and locate specific ones easily.
This column displays the names of the created size charts. Each size chart is labeled for easy identification, helping the admin distinguish between different charts for various products or collections.
This column shows the current status of each size chart. It indicates whether the chart is active or inactive. Active charts are displayed on the product pages, while inactive ones are hidden but still saved for future use.
These controls allow the admin to navigate between multiple pages of size charts, especially useful when managing a large number of charts. Clicking on "Previous" or "Next" helps browse through the list easily.
The delete button allows the admin to remove selected size charts. Admins can select one or multiple charts using the checkboxes and delete them in bulk if necessary.
Size chart Display : The name of the size chart will be taken for heading. Then header text, after the Image, and then Size chart demission information in row and columns, And then bottom text will display.
The merchant to create a new size chart and customize its display on the product pages. Admins can name the chart, add top and bottom descriptions, select specific products or collections for the chart to appear, and configure the size dimensions.
Additional settings include enabling or disabling the chart, choosing how it will be displayed (e.g., in a popup), and uploading a representative image. After making the necessary adjustments, admins can save or discard the changes.
This field allows the admin to input a name for the size chart. This name will help identify the chart when managing multiple size charts.
In this rich text editor, the admin can add a description that will appear above the size chart. This description can include details about the product sizing and any relevant information to guide customers in choosing the right size.
This rich text editor allows the admin to add a description that will appear below the size chart. It’s a good place to include additional guidance or notes related to product sizing.
The admin can choose which specific products will display the size chart. By selecting from the list of products, the admin can attach the size chart to one or multiple products.
This option lets the admin select entire product collections to display the size chart. This helps if the same size chart applies to a group of products within a collection.
In this field, the admin specifies the number of rows to generate in the size chart. Once the number is entered, the app will automatically generate rows where the admin can input size labels and values. This provides flexibility in defining custom size charts.
This dropdown allows the admin to either enable or disable the size chart. A disabled size chart will not be shown on the product pages.
The admin can choose how the size chart will be displayed on the product page, such as in a popup or inline within the product details. App will display size chart button on the same position of the product page where the Size chart block is added while doing preview setting.
A Popup will display when clicking on the button. It contains size chart information appear on the popup.
Selecting In line option will display complete size chart information on the product page.
This option allows the admin to upload an image that will be displayed along with the size chart. It could be a size guide illustration or a product image to give more context to the customers. Merchant can delete the uploaded the image from the app.
After configuring the size chart, the admin can click the save button to apply the settings. The changes will be reflected on the product pages immediately.
it will redirect merchant to the size chart list page
Popup Design :
Display On Product Page Information:
you will find the details of subscription plan
Displays the available subscription plan (e.g., Basic - $ 3.99/month)..
Lists the benefits of the plan, such as easy installation and setup, changeable label, and future updates..
Indicates the availability of a 7-day free trial.
States that all charges are billed in USD and recurring charges are billed every 30 days.
Allows the user to subscribe to the plan. After subscribing, the button changes to "Cancel" to allow cancellation at any time.