FME Extensions Size Chart Extension for Magento 2 User Guide - Version

Transcription

1 FME Extensions Size Chart Extension for Magento 2 User Guide - Version support@fmeextensions.com

2 Intended Audience The content of this document is designed to facilitate the users -managers, supervisors and others of Size Chart Extension for Magento 2. A step by step instruction has been added to this document to help users to install the extension on Magento 2. This extension will only work on Magento 2. As a safe practice always backup your files and database before installing any extension on Magento. If you are looking for someone to install the extension we can do it for you as well. Just go to the following link and let support know the order id to expedite the installation process. Go to: Once you have installed please see the User Guide to help you understand on how to use the extension to its full capacity. If you still have questions feel free to contact us on our website. If you have any custom requirements feel free to touch base with. Just support@fmeextensions.com with the description of the requirements and they will get back to you with estimates. For further help or support, feel free to reach 2 User Guide

3 Table of Contents Intended Audience... 2 User Guide... 4 Disclaimer... 7 Support Customization Need a New Custom Extension? User Guide

4 User Guide After installation of module, make sure the setup is upgraded and static-contents are deployed. Login to admin panel and flush you Magento cache storage. I. How to Configure the Extension: At the backend, go to FME EXTENSIONS > Configurations. Here you will have access to the following configurations: General Settings: 1. Enable Extension: Select Yes or No to enable or disable extension respectively. If extension is disabled, one cannot view Size Chart at frontend. 2. View Size Chart As: Select Pop Up or Tab option to view Size Chart as Anchor Pop Up below Add to Cart button or as a Tab along with Review and Details tab. a. Pop Up: If selected, Pop Up two fields will be displayed as Anchor Text and Size Chart Icon you must fill at least one field Icon file should be a (.png.ico.bmp) file. b. Tab: If Selected, a field will be displayed labeled Tab Title Must fill the field. 4 User Guide

5 Size Chart Header Style Settings 1. Font Size: Select and set the font size of Size Chart header according to your theme font scheme. Default Font Size is 12px 2. Font Color: Select and set font color of Size Chart header according and the default font color is set to white (#ffffff). 3. Background Color: You can modify the background color of Size Chart Table Header according to your theme color scheme. Default background Color is set to: 5 User Guide

6 Size Chart Body Style Settings: 1. Font Size: Select and set the font size of Size Chart body according to your theme font scheme. Default font size is 12px 2. Font Color: Select and set font color of Size Chart body accordingly and the default font color is set to Black (#000000). 3. Background Color: You can modify the background color of Size Chart table body stripes according to your theme color scheme. Default background color is set to: 6 User Guide

7 II. How to Manage/Add Size Charts: Step 1 Go to Manage Size Charts At the backend, go to FME EXTENSIONS > Manage Size Charts. Here you will find all the Size Charts. Click on Add New Size Charts to continue. 7 User Guide

8 Step 2 Add General Information Now first you have to add Size Chart General Information. For the purpose of this guide we have added the following information. This section contains the following fields: Size Chart Name: Name / Title of Size Chart that will be displayed at frontend as heading of Size Chart. Priority: Set priority to 1 for highest and set priority to 0 for lowest, the Size Chart with highest priority will be visible (If multiple Size Charts are created with the same conditions) along with the products. Status: Status field will let you toggle the status of Size Chart to enable or disable. Image (Optional): Image field let you upload a supporting image for Size Chart it is an optional field you can skip this field if you don t have any image. 8 User Guide

9 Step 3 Add Size Chart Information Once General Information is provided you will have to provide Size Chart information. For the purpose of this guide we have added the following information. This section contains the following fields: 1. Size Chart Column Label: In column label Field you can either enter column labels or headers of Size Chart manually or upload.csv file with format given at the end of this document (CSV file must be in similar given format). If you enter column labels or headers manually each Label must be separated by «,» & must be a unique value for example (XS,S,M,L,XL). After entering labels click on Add Data to add rows and the data of Size Chart. Once you clicked on Add Data a field set with table will be displayed. If you are using CSV file to import data use the given file upload button to upload CSV file once uploaded it will automatically set Column Labels and the Rows of Size Chart. Give Below are the Visual Example for data entry manually and using CSV file. 2. Size Chart Data: The data can be uploaded and edited manually or will be filled once the CSV file is uploaded. 9 User Guide

10 Step 4 Frontend Now the frontend your Size Chart will appear like the following two screenshots based on your configurations. You can always go back and edit this information. Popup Tab 10 User Guide

11 Disclaimer It is highly recommended to backup your server files and database before installing this module. No responsibility will be taken for any adverse effects occurring during installation. It is recommended you install on a test server initially to carry out your own testing. Support You can also find Step by Step guide on this extension by visiting Size Chart product page on our website. If you need more information or have any questions or problems, please refer to our support helpdesk: You can log a ticket and a support technician can assist you further. If you are still struggling with your extension, submit a request via support@fmeextensions.com Customization If you have requirements that are not covered by our extension and you need to have our extension customized, feel free to us with detailed requirements at support@fmeextensions.com You can also fill out a Request for Quote form here and we can get back to you with a quote: Need a New Custom Extension? We can build a new extension based on your custom requirements if needed. Feel free to us at info@fmeextensions.com 11 User Guide