{"title":"Notification","status":true,"icon":" fa fa-check-circle-o ","msg":"data found","data":{"breadcrumb":"            \n                <ol class=\"breadcrumb-list\">\n\t\t\t\t\t\n\t\t\t\t\t                                <li>Plugin Installation<\/li>\n\t\t\t\t\t\t\t\t                    <li>\n\t\t\t\t\t\tAvailable Options for Customization                    <\/li>\n\n\n                <\/ol>\n           \n\t\t\t","content":"<h1>Available Options for Customization<\/h1>\n<p>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 style=\"display:none;\"><\/gwmw><\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Swatch Design Options (default)<\/strong><\/h2>\n\n\n\n<p>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<ul class=\"wp-block-list\">\n<li>Swatch Text Color<\/li>\n\n\n\n<li>Swatch Text Font Size<\/li>\n\n\n\n<li>Swatch Text Line Height<\/li>\n\n\n\n<li>Swatch Background Color<\/li>\n\n\n\n<li>Swatch Border Size<\/li>\n\n\n\n<li>Swatch Border Color<\/li>\n\n\n\n<li>Swatch Border Type<\/li>\n\n\n\n<li>Swatch Item Margin<\/li>\n\n\n\n<li>Swatch Item Padding<\/li>\n\n\n\n<li>Swatches Wrapper Margin<\/li>\n\n\n\n<li>Swatches Wrapper Padding<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1242\" height=\"851\" src=\"https:\/\/theplugindemo.com\/swatchly\/wp-content\/uploads\/2021\/05\/Swatch-Design-Options.png\" alt=\"\" class=\"wp-image-436\" style=\"object-fit:cover\" srcset=\"https:\/\/theplugindemo.com\/swatchly\/wp-content\/uploads\/2021\/05\/Swatch-Design-Options.png 1242w, https:\/\/theplugindemo.com\/swatchly\/wp-content\/uploads\/2021\/05\/Swatch-Design-Options-300x206.png 300w, https:\/\/theplugindemo.com\/swatchly\/wp-content\/uploads\/2021\/05\/Swatch-Design-Options-1024x702.png 1024w, https:\/\/theplugindemo.com\/swatchly\/wp-content\/uploads\/2021\/05\/Swatch-Design-Options-768x526.png 768w, https:\/\/theplugindemo.com\/swatchly\/wp-content\/uploads\/2021\/05\/Swatch-Design-Options-600x411.png 600w\" sizes=\"auto, (max-width: 1242px) 100vw, 1242px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Tooltip Design Options<\/strong><\/h2>\n\n\n\n<p>All of the options listed below are available to customize the tooltip design for the shop page separately.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tooltip Width<\/li>\n\n\n\n<li>Tooltip Maximum Width<\/li>\n\n\n\n<li>Tooltip Background Color<\/li>\n\n\n\n<li>Tooltip Border Size<\/li>\n\n\n\n<li>Tooltip Border Color<\/li>\n\n\n\n<li>Tooltip Border Type<\/li>\n\n\n\n<li>Tooltip Spacing<\/li>\n\n\n\n<li>Tooltip Text Color<\/li>\n\n\n\n<li>Tooltip Text Font Size<\/li>\n\n\n\n<li>Tooltip Text Line Height<\/li>\n\n\n\n<li>Tooltip Text Padding<\/li>\n\n\n\n<li>Tooltip Arrow Color<\/li>\n\n\n\n<li>Tooltip Arrow Size<\/li>\n\n\n\n<li>Tooltip Arrow Spacing<\/li>\n\n\n\n<li>Tooltip Image Border Size<\/li>\n\n\n\n<li>Tooltip Image Border Type<\/li>\n\n\n\n<li>Tooltip Image Border Color<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1215\" height=\"876\" src=\"https:\/\/theplugindemo.com\/swatchly\/wp-content\/uploads\/2021\/05\/tooltip-customiztion.png\" alt=\"\" class=\"wp-image-433\" srcset=\"https:\/\/theplugindemo.com\/swatchly\/wp-content\/uploads\/2021\/05\/tooltip-customiztion.png 1215w, https:\/\/theplugindemo.com\/swatchly\/wp-content\/uploads\/2021\/05\/tooltip-customiztion-300x216.png 300w, https:\/\/theplugindemo.com\/swatchly\/wp-content\/uploads\/2021\/05\/tooltip-customiztion-1024x738.png 1024w, https:\/\/theplugindemo.com\/swatchly\/wp-content\/uploads\/2021\/05\/tooltip-customiztion-768x554.png 768w, https:\/\/theplugindemo.com\/swatchly\/wp-content\/uploads\/2021\/05\/tooltip-customiztion-600x433.png 600w\" sizes=\"auto, (max-width: 1215px) 100vw, 1215px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Product Attribute Options<\/strong><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Attribute options for \u201ccolor\u201d type attribute.<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Swatch Tooltip (Use global setting, Text, Image, Disable)<\/li>\n\n\n\n<li>Tooltip Text<\/li>\n\n\n\n<li>Tooltip Image<\/li>\n\n\n\n<li>Swatch Color<\/li>\n\n\n\n<li>Enable Multi Color<\/li>\n\n\n\n<li>Swatch Color 2<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Attribute options for \u201cimage\u201d type attribute.<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Upload Image<\/li>\n\n\n\n<li>Image Size<\/li>\n\n\n\n<li>Swatch Tooltip (Use global setting, Text, Image, Disable)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Product Level (Individual Product) Options<\/strong><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Common options for each attribute<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Swatch Tooltip (Text, Image, Disable)<\/li>\n\n\n\n<li>Tooltip Text<\/li>\n\n\n\n<li>Tooltip Image<\/li>\n\n\n\n<li>Tooltip Image Size<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Options for \u201cColor\u201d type attribute<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Swatch Tooltip<\/li>\n\n\n\n<li>Swatch Color<\/li>\n\n\n\n<li>Enable Multi Color<\/li>\n\n\n\n<li>Tooltip Text<\/li>\n\n\n\n<li>Tooltip Image<\/li>\n\n\n\n<li>Swatch Color<\/li>\n\n\n\n<li>Enable Multi Color<\/li>\n\n\n\n<li>Swatch Color 2<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Options for \u201cImage\u201d type attribute<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Swatch Image<\/li>\n\n\n\n<li>Swatch Image Size<\/li>\n<\/ul>\n"}}