{"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. Plugin Installation<\/li>\n\t\t\t\t\t\t\t\t
  2. \n\t\t\t\t\t\tAvailable Options for Customization <\/li>\n\n\n <\/ol>\n \n\t\t\t","content":"

    Available Options for Customization<\/h1>\n

    Swatchly offers a wide range of customizable options to tailor the appearance and behavior of product swatches on your WooCommerce store. These customization options allow you to create a unique and visually appealing display for product variations, enhancing the overall shopping experience for your customers.<\/gwmw><\/p>\n\n\n\n

    <\/div>\n\n\n\n

    Swatch Design Options (default)<\/strong><\/h2>\n\n\n\n

    All of the options listed below are also available to customize the Swatch design for the shop page separately and control the Hover\/Selected\/Disabled state of the swatch.<\/p>\n\n\n\n

      \n
    • Swatch Text Color<\/li>\n\n\n\n
    • Swatch Text Font Size<\/li>\n\n\n\n
    • Swatch Text Line Height<\/li>\n\n\n\n
    • Swatch Background Color<\/li>\n\n\n\n
    • Swatch Border Size<\/li>\n\n\n\n
    • Swatch Border Color<\/li>\n\n\n\n
    • Swatch Border Type<\/li>\n\n\n\n
    • Swatch Item Margin<\/li>\n\n\n\n
    • Swatch Item Padding<\/li>\n\n\n\n
    • Swatches Wrapper Margin<\/li>\n\n\n\n
    • Swatches Wrapper Padding<\/li>\n<\/ul>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      Tooltip Design Options<\/strong><\/h2>\n\n\n\n

      All of the options listed below are available to customize the tooltip design for the shop page separately.<\/p>\n\n\n\n

        \n
      • Tooltip Width<\/li>\n\n\n\n
      • Tooltip Maximum Width<\/li>\n\n\n\n
      • Tooltip Background Color<\/li>\n\n\n\n
      • Tooltip Border Size<\/li>\n\n\n\n
      • Tooltip Border Color<\/li>\n\n\n\n
      • Tooltip Border Type<\/li>\n\n\n\n
      • Tooltip Spacing<\/li>\n\n\n\n
      • Tooltip Text Color<\/li>\n\n\n\n
      • Tooltip Text Font Size<\/li>\n\n\n\n
      • Tooltip Text Line Height<\/li>\n\n\n\n
      • Tooltip Text Padding<\/li>\n\n\n\n
      • Tooltip Arrow Color<\/li>\n\n\n\n
      • Tooltip Arrow Size<\/li>\n\n\n\n
      • Tooltip Arrow Spacing<\/li>\n\n\n\n
      • Tooltip Image Border Size<\/li>\n\n\n\n
      • Tooltip Image Border Type<\/li>\n\n\n\n
      • Tooltip Image Border Color<\/li>\n<\/ul>\n\n\n\n
        \"\"<\/figure>\n\n\n\n

        Product Attribute Options<\/strong><\/h2>\n\n\n\n

        Attribute options for \u201ccolor\u201d type attribute.<\/strong><\/h4>\n\n\n\n
          \n
        • Swatch Tooltip (Use global setting, Text, Image, Disable)<\/li>\n\n\n\n
        • Tooltip Text<\/li>\n\n\n\n
        • Tooltip Image<\/li>\n\n\n\n
        • Swatch Color<\/li>\n\n\n\n
        • Enable Multi Color<\/li>\n\n\n\n
        • Swatch Color 2<\/li>\n<\/ul>\n\n\n\n

          Attribute options for \u201cimage\u201d type attribute.<\/strong><\/h4>\n\n\n\n
            \n
          • Upload Image<\/li>\n\n\n\n
          • Image Size<\/li>\n\n\n\n
          • Swatch Tooltip (Use global setting, Text, Image, Disable)<\/li>\n<\/ul>\n\n\n\n

            Product Level (Individual Product) Options<\/strong><\/h2>\n\n\n\n

            Common options for each attribute<\/strong><\/h4>\n\n\n\n
              \n
            • Swatch Tooltip (Text, Image, Disable)<\/li>\n\n\n\n
            • Tooltip Text<\/li>\n\n\n\n
            • Tooltip Image<\/li>\n\n\n\n
            • Tooltip Image Size<\/li>\n<\/ul>\n\n\n\n

              Options for \u201cColor\u201d type attribute<\/strong><\/h4>\n\n\n\n
                \n
              • Swatch Tooltip<\/li>\n\n\n\n
              • Swatch Color<\/li>\n\n\n\n
              • Enable Multi Color<\/li>\n\n\n\n
              • Tooltip Text<\/li>\n\n\n\n
              • Tooltip Image<\/li>\n\n\n\n
              • Swatch Color<\/li>\n\n\n\n
              • Enable Multi Color<\/li>\n\n\n\n
              • Swatch Color 2<\/li>\n<\/ul>\n\n\n\n

                Options for \u201cImage\u201d type attribute<\/strong><\/h4>\n\n\n\n
                  \n
                • Swatch Image<\/li>\n\n\n\n
                • Swatch Image Size<\/li>\n<\/ul>\n"}}