{"title":"Notification","status":true,"icon":" fa fa-check-circle-o ","msg":"data found","data":{"breadcrumb":" \n
    \n\t\t\t\t\t\n\t\t\t\t\t
  1. Quick Start Guide<\/li>\n\t\t\t\t\t\t\t\t
  2. \n\t\t\t\t\t\tQuick Start Guide <\/li>\n\n\n <\/ol>\n \n\t\t\t","content":"

    Quick Start Guide<\/h1>\n

    Step 1:<\/strong><\/p>\n\n\n\n

    Install & Activate the plugin. Immediately the dropdown variation dropdowns of the product details page will convert into the \u201cLabel\u201d type swatch.<\/p>\n\n\n\n


    \n\n\n\n

    Step 2:<\/strong><\/p>\n\n\n\n

    After activating the plugin you will get a new menu called “Swatchly” OR click on the “Settings” quick link which is located beside the “Deactivate” plugin link. You will get all the settings to customize the functionality as your need.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    \n\n\n\n

    Step 3:<\/strong><\/p>\n\n\n\n

    For example: If you want to represent color attribute variations into \u201cColor\u201d type swatch. You can achieve by following the procedure mentioned below.<\/p>\n\n\n\n

    1. Navigate to \u201cProducts > Attributes\u201d<\/li>
    2. Edit an Attribute. In the below screenshot we will edit the \u201cColor\u201d Attribute & set the type from \u201cSelect\u201d to \u201cColor\u201d<\/li><\/ol>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      <\/div>\n\n\n\n
      1. Select the type \u201cColor\u201d<\/li>
      2. Click on \u201cUpdate\u201d button<\/li>
      3. Click on \u201cBack to Attributes\u201d link to get back to the attributes page<\/li><\/ol>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \"\"
        Click on the \u201cConfigure terms\u201d link<\/figcaption><\/figure>\n\n\n\n
        \"\"
        Click on the \u201cEdit\u201d link<\/figcaption><\/figure>\n\n\n\n
        <\/div>\n\n\n\n
        1. Select your desired color<\/li>
        2. Click on the Update button to set the color<\/li><\/ol>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
          <\/div>\n\n\n\n
          1. The swatch is showing now on the product details page<\/li>
          2. The other 2 swatches are not showing any color because we didn\u2019t assign any color for those attributes. To assign the color for the other attributes follow the above procedure accordingly.<\/li><\/ol>\n\n\n\n
            \"\"<\/figure>\n"}}