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

    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>

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

    Installation<\/strong><\/p>

    1. Login to the WordPress admin panel<\/li>\n\n
    2. Navigate to Plugins<\/strong> -> Add New<\/strong><\/gwmw><\/li>\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><\/ol>
      \"\"<\/figure>

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

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

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

      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>

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

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

      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>

      1. Navigate to \u201cProducts > Attributes\u201d<\/strong><\/li>\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><\/ol>
        \"\"<\/figure>
        <\/div>
        1. Select the type \u201cColor<\/strong>\u201d<\/li>\n\n
        2. Click on the \u201cUpdate<\/strong>\u201d button<\/gwmw><\/li>\n\n
        3. Click on the \u201cBack to Attributes<\/strong>\u201d link to get back to the attributes page<\/li><\/ol>
          \"\"<\/figure>
          \"\"
          Click on the \u201cConfigure terms<\/strong>\u201d link<\/figcaption><\/figure>
          <\/div>
          \"\"
          Click on the \u201cEdit\u201d link<\/figcaption><\/figure>
          <\/div>
          1. Select your desired color<\/li>\n\n
          2. Click on the Update button to set the color<\/li><\/ol>
            \"\"<\/figure>
            <\/div>
            1. The swatch is showing now on the product details page<\/li>\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><\/ol>
              \"\"<\/figure>"}}