90 likes | 101 Vues
Customers always need perfection when it comes to sizes and fitting for clothing and other wearable products. Now a days, size difference tends to change from brand to brand. If you compare L size of T-shirt from A brand with B, you still find sometimes difference in sizes. This scenario generates confusions for customers while buying wearable products from your store. Magento 2 Size Chart extension by MageComp helps you showcase size chart on frontend for customers to make their sizing decisions easy. Admin can set image, static block, text, table or whatever he wants to display size chart in a popup on frontend. Customers will get a button on product page and on click it will show size chart in a popup.<br><br>Why choose Magecompu2019s Magento 2 Size Chart extension:<br><br>Showcase size chart in a responsive popup in product view page.<br>WYSIWYG editor in backend to set image, CMS block, table or any HTML code to show size chart in frontend.<br>Size chart can be set globally, category specific and product specific from backend.<br>Restrict Size Chart display for specific customer groups based on backend selection. New Label<br>Two size chart display methods available: in product page content or in popup.<br>Three options available to open size chart in popup:<br>A button with text<br>Icon image<br>Icon image text<br>jpg, jpeg, gif, png image type supported for icon image.
E N D
Size Chart extension User Manual Size Chart extension helps buyers making quick sizing decisions for clothing, footwear and other wearable products. Table of Content 1.Extension Installation Guide 2.Configuration 3.Category specific Size Chart 4.Product specific Size Chart 5.Size Chart on Frontend 6.Deactivation of Extension in Case of Emergency 7.FAQs Size Chart © MageComp.com
1.Extension Installation Guide Go to My downloadable products. The file that you download normally is a zip file. Use FTP client (such as Filezilla, WinSCP, cuteFtp) to upload or copy all folders in the zip package to your Magneto site root folder. This will not overwrite any existing files, just add new files to the folder structure. Open Command line in folder root of Magento and run following command respectively: ophp bin/magento setup:upgrade ophp bin/magento setup:static-content:deploy ophp bin/magento indexer:reindex ophp bin/magento cache:flush Navigate to Stores/Configuration, if you can see the extension tab, it is installed properly. If you need professional help regarding Magento Extension Installation, Feel free to contact us any time. 2.Configuration Once you have successfully installed the extension, go to Size Chart configure the extension for use. Here you can find various settings for the extension. Enable: Option to enable or disable Size Chart extension. Restrict Size Chart for Specific Customer Group: Select customer groups to restrict display of size chart for them. Set Size Chart: Here you get WYSIWYG editor to set size chart for products to show on frontend. You can set image, CMS block, table or any HTML code to display size chart. Configuration to Size Chart © MageComp.com
Show Size Chart in: Select option to show size chart either in product content or in a responsive popup in frontend. Show Size Chart on Click of: Set clickable element on frontend for customers to open size chart in popup. Button Text:If you have selected “Button” in “Show Size Chart on Click of”, you can set button text to show on frontend. Icon:If you have selected “Icon” or “Icon + Text” in “Show Size Chart on Click of”, you need to set icon image here. Icon Text: Set icon text to show along with icon image if you have set “Icon + Text” in “Show Size Chart on Click of”. Size Chart © MageComp.com
3.Category specific Size Chart Once you set global size chart, you can set it for whole categories as well. This is useful when you want all the products of a category needs to be displayed with a single size chart, yet not the one you have set globally. To set category specific size chart, go to Product Categories and select the category for which you want to set size chart. Now go to “Size Chart” tab where you can find WYSIWYG editor to set size chart. 4.Product specific Size Chart Extension facilitates you to set size chart for specific products as well. This is useful when you want some of the products to show particular different chart than set in global or category. To set product specific size chart, go to Product the product for which you want to set size chart. Now go to “Size Chart” tab where you can find WYSIWYG editor to set size chart. Catalog and select Size Chart © MageComp.com
5.Size Chart on frontend Once you are all set with global, category specific and product specific size chart, you can see them on frontend. The size chart will prioritize from product to category to global means if you have set product specific chart, it will show rather than category chart set. Global Size Chart in frontend: Size Chart © MageComp.com
Category Specific Size Chart in frontend: Product Specific Size Chart in frontend: Size Chart © MageComp.com
Size Chart in Product Page content in frontend: If you have set“Show Size Chart in” option to “Product Page Content”, than size chart will be displayed in product view page content rather in popup. 6.Deactivation of Extension in Case of Emergency Go to app etc config.php and find 'Magecomp_Sizechart' => 1, and replace 1 with 0. If something goes wrong, please contact us at https://magecomp.com/support/ 7.FAQs How size chart will be prioritized if set for all 3 – global, category and product? If you have set global, category specific and product specific size chart, it will prioritize to first show product chart, if not available than will display category chart and else if will show global size chart. How to show Size Chart through CMS block? Once you have created a CMS block with size chart details. Go to set size chart WYSIWYG editor and click on insert widget, select default template and CMS block from the list. Save the settings and you are done. Your CMS block content can be seen as size chart in frontend. Size Chart © MageComp.com
How to show size chart button on product view page in Porto theme? - First of all go to app\design\frontend\Smartwave\porto\Magento_Catalog\layout and open catalog_product_view.xml file. - Now find for <move element="page.main.title" destination="product.info.main" before="-"/> in the file and paste below code after this. - <referenceContainer name="product.info.main"> <block class="Magecomp\Sizechart\Block\Sizechart" name="sizechart" template="Magecomp_Sizechart::sizechart.phtml" after="-"> </block> </referenceContainer> Size Chart © MageComp.com
Thank You! Take a look at our other feature rich extensions: Tier Price Extension for Magento 2 will allow you to display the quantity of tier price in the drop down which you want to let your customer purchase. Know More… Make Spam to stay away from your webstore by using No CAPTCHA, reCAPTCHA with MageComp’s reCAPTCHA for Magento 2. Know More… Size Chart © MageComp.com