{"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

    This documentation will guide you through the installation, configuration, and customization<\/strong> of Swatchly to maximize its potential and tailor it to your specific e-commerce needs.<\/p>\n\n\n\n

    Let’s begin the journey of enhancing your product variations and providing a delightful shopping experience to your customers with Swatchly!<\/gwmw><\/p>\n\n\n\n

    Installation<\/strong><\/p>\n\n\n\n

      \n
    1. Login to the WordPress admin panel<\/li>\n\n\n\n
    2. Navigate to Plugins<\/strong> -> Add New<\/strong><\/gwmw><\/li>\n\n\n\n
    3. Search for Swatchly \u2013 WooCommerce Variation Swatches for Products<\/a><\/strong> in the search field. Install and Activate Swatchly \u2013 WooCommerce Variation Swatches for Products by HasThemes<\/a><\/strong>.<\/gwmw><\/li>\n<\/ol>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      Click install<\/strong> and activate<\/strong>.<\/gwmw><\/p>\n\n\n\n

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

      Setup Guide 1:<\/strong><\/gwmw><\/gwmw><\/p>\n\n\n\n

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

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

      Setup Guide <\/strong>2:<\/strong><\/p>\n\n\n\n

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

        \n
      1. Navigate to \u201cProducts > Attributes\u201d<\/strong><\/li>\n\n\n\n
      2. Edit an Attribute. In the below screenshot, we will edit the \u201cColor\u201d<\/strong> Attribute & set the type from \u201cSelect\u201d<\/strong> to \u201cColor\u201d<\/strong><\/li>\n<\/ol>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        <\/div>\n\n\n\n
          \n
        1. Select the type \u201cColor<\/strong>\u201d<\/li>\n\n\n\n
        2. Click on the \u201cUpdate<\/strong>\u201d button<\/gwmw><\/li>\n\n\n\n
        3. Click on the \u201cBack to Attributes<\/strong>\u201d link to get back to the attributes page<\/li>\n<\/ol>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
          \"\"
          Click on the \u201cConfigure terms<\/strong>\u201d link<\/figcaption><\/figure>\n\n\n\n
          <\/div>\n\n\n\n
          \"\"
          Click on the \u201cEdit\u201d link<\/figcaption><\/figure>\n\n\n\n
          <\/div>\n\n\n\n
            \n
          1. Select your desired color<\/li>\n\n\n\n
          2. Click on the Update button to set the color<\/li>\n<\/ol>\n\n\n\n
            \"\"<\/figure>\n\n\n\n
            <\/div>\n\n\n\n
              \n
            1. The swatch is showing now on the product details page<\/li>\n\n\n\n
            2. The other 2 swatches do not show 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>\n<\/ol>\n\n\n\n
              \"\"<\/figure>\n"}}