Giter Site home page Giter Site logo

davidduong90 / magento-2-size-chart Goto Github PK

View Code? Open in Web Editor NEW

This project forked from magepow/magento-2-size-chart

0.0 0.0 0.0 344 KB

Size chart extension for Magento helps you create size charts for products on your website, helping customers to choose the right product. An essential tool for e-commerce websites

Home Page: https://magepow.com/magento-2-size-chart.html

JavaScript 2.05% PHP 93.63% HTML 3.97% Less 0.34%

magento-2-size-chart's Introduction

Magento 2 Size Chart

Magento 2 Sizechart is a module allows admin to show their size chart diagram below product images on product page which helps customers choose the most suitable size for them.

Displaying exact product sizes on the website makes it easy for customers to choose the right product for their needs.

Product size will vary depending on the brand, each country. Therefore, adding a product-specific size chart on your e-commerce website is essential.

Benefits

  • Create size chart according to product characteristics: clothes, shoes, electronic devices, furniture, accessories...

  • Show size chart inline, custom tab, popup.

  • Add linked text, images or labels.

  • Save time for the project

  • Apply precedence rule to size chart

  • Manage size rules in the backend

  • Avoid customers returning products due to size problems

  • Works well on mobile devices

How does Site Chart work for Magento

Latest Stable Version Total Downloads Daily Downloads

Download Magento 2 Sizechart Extension

Install via composer (recommend)

Run the following commands in Magento 2 root folder:

composer require magepow/sizechart
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f

Step 2: How to use Magento 2 Sizechart?

1. General configuration

Login to magento admin, choose stores->configuration->magepow->Sizechart

Image of magento admin config

Select yes to enable the module

2. Details Configuration

In stores->configuration->magepow->sizechart we set:

  • Display text link : Show text link if user sets popup for displaying size chart.
  • Image icon : Select image icon (only using when user sets popup for displaying size chart) Image of magento backend

3. Add Sizechart

Choose Magepow->Size chart Management->Add New Size Chart Rule. Image of magento backend Image of magento backend Image of magento backend

  • Name: Name of your size chart management rule
  • Store View : Define which store view you wish to show
  • Description : Introduce about your size chart
  • Size chart Information : Details about your size chart : you can write your diagram, image as you want
  • Sort order : This part is used for the priority. If there is any rule have the same information. then the one which lower number will have the higher priority.
  • Type Display : You can choose 3 types of displaying included: Inline, Custom Tab, Popup.
  • Status: Select Enable/Disable for turning on/off the size chart rule.

4. Edit Sizechart

Image of magento backend

5. Delete Sizechart

Image of magento backend

6. Product Rule

Choose Magepow->Size chart Management->Add New Size Chart Rule and set number for sort order

This part is used for the priority of size chart. The rule on this part will be prioritized to show. This is for prevent the conflict when multiple rule are applied on one product or rally of products.

Run the following command:

php bin/magento cache:clean

3. Result

Image of magento store front

Donation

If this project help you reduce time to develop, you can give me a cup of coffee :)

paypal

Our Magento 2 Extensions

Our Magento 2 services

Our Magento 2 Themes

Our Shopify Themes

Our Shopify App

Our WordPress Theme

magento-2-size-chart's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.