{"id":211,"date":"2021-05-17T05:02:25","date_gmt":"2021-05-17T05:02:25","guid":{"rendered":"https:\/\/theplugindemo.com\/swatchly\/?page_id=211"},"modified":"2021-05-19T06:45:09","modified_gmt":"2021-05-19T06:45:09","slug":"documentation","status":"publish","type":"page","link":"https:\/\/theplugindemo.com\/swatchly\/documentation\/","title":{"rendered":"Documentation"},"content":{"rendered":"<div class=\"docs-rocket doc-rocket-details-two\">\n                \n                <div id=\"page\" class=\"\">\n                                        <!-- Intro Search Section Start -->\n                    <div class=\"intro-search-section section-padding-30\" data-bg-color=\"#f4f6f8\">\n                        <div class=\"custom-container\">\n                            <!-- Intro Search Box Start -->\n                            <div class=\"intro-search-box\">\n                                <form id=\"dr-src-form\" action=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=search-docs-rocket\">\n                                    <input id=\"dr-src-input\" type=\"text\" name=\"search\" placeholder=\"Search the documentation\">\n                                    <button type=\"submit\"><\/button>\n                                <\/form>\n\t\t\t\t\t\t\t\t<div id=\"search-data\" class=\"dr-src-items live-search-result-wrap\">\n                            \n                            \t<\/div>\n                            <\/div>\n                            <!-- Intro Search Box End -->\n                        <\/div>\n                    <\/div>\n\n                    \n                    \n                    <!-- Intro Search Section End -->\n                 \n                    <!-- Breadcrumbs Section Start -->\n                    <div class=\"breadcrumbs-section border-bottom\">\n                        <div class=\"custom-container\">\n                            <!-- Breadcrumb Start -->\n                            <nav id=\"docs-breadcrumb\" class=\"breadcrumb\">\n\t                                        \n                <ol class=\"breadcrumb-list\">\n\t\t\t\t\t\n\t\t\t\t\t                                <li>Getting Start<\/li>\n\t\t\t\t\t\t\t\t                    <li>\n\t\t\t\t\t\tIntroduction                    <\/li>\n\n\n                <\/ol>\n           \n\t\t\t                            <\/nav>\n                           \n                            <!-- Breadcrumb End -->\n                        <\/div>\n                    <\/div>\n                    <!-- Breadcrumbs Section End -->\n                                        <!-- Documentation Details Section Start -->\n                    <div class=\"documentation-details-section section-padding-bottom\">\n                        \n                        <div class=\"custom-container\">\n                            <div class=\"custom-row\">\n                                <img decoding=\"async\"  alt=\"Loading..\" class=\"docs-loader\" src=\"https:\/\/theplugindemo.com\/swatchly\/wp-content\/plugins\/DocsRocket-Pro\/assets\/images\/docs-loader.gif\">\n                                <div class=\"custom-col-2 sticky-sidebar\">\n                                    \n                                    <!-- Documentation Sidebar Start -->\n                                    <div class=\"documentation-sidebar-wrap\">\n\t                                                                            <div class=\"sidebar-menu-widget\" id=\"sidebar-menu-toggole\">\n                                            <ul class=\"sidebar-menu\">\n\t\t                                                        <li class=\"open  has-sub\"><a  href=\"#\"> Getting Start<\/a>\n\t\t\t\t    \t\t         <ul class=\"sub-sidebar-menu\">\n           \n\t\t                                <li><a class=\"active docs-rocket-link\" data-post-id=\"209\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=209\">Introduction<\/a><\/li>\n\t\t\t\t                         <\/ul>\n\t\t\t                    <\/li>\n\t\t\t                    <li class=\"has-sub\"><a  href=\"#\"> Plugin Installation<\/a>\n\t\t\t\t    \t\t         <ul class=\"sub-sidebar-menu\">\n           \n\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"229\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=229\">Plugin Installation<\/a><\/li>\n\t\t\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"303\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=303\">Available Options for Customization<\/a><\/li>\n\t\t\t\t                         <\/ul>\n\t\t\t                    <\/li>\n\t\t\t                    <li class=\"has-sub\"><a  href=\"#\"> Quick Start Guide<\/a>\n\t\t\t\t    \t\t         <ul class=\"sub-sidebar-menu\">\n           \n\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"235\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=235\">Quick Start Guide<\/a><\/li>\n\t\t\t\t                         <\/ul>\n\t\t\t                    <\/li>\n\t\t\t                    <li class=\"has-sub\"><a  href=\"#\"> Plugin Settings<\/a>\n\t\t\t\t    \t\t         <ul class=\"sub-sidebar-menu\">\n           \n\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"255\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=255\">Global Admin Settings<\/a><\/li>\n\t\t\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"260\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=260\">Product Attribute Options<\/a><\/li>\n\t\t\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"264\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=264\">Product level (Individual Product) Options<\/a><\/li>\n\t\t\t\t                         <\/ul>\n\t\t\t                    <\/li>\n\t\t\t                    <li class=\"has-sub\"><a  href=\"#\"> Need Support?<\/a>\n\t\t\t\t    \t\t         <ul class=\"sub-sidebar-menu\">\n           \n\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"308\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=308\">Get Support Here<\/a><\/li>\n\t\t\t\t                         <\/ul>\n\t\t\t                    <\/li>\n\t\t\t                                                <\/ul>\n                                         \n                                        <\/div>\n                                        <div class=\"sidebar-menu-mobile-widget\">\n                                            <div class=\"mobile-heading\">\n                                                <h3 class=\"mobile-heading-toggle\">Table of Content<\/h3>\n                                            <\/div>\n                                            <div id=\"sidebar-menu-toggole\" class=\"mobile-list\">\n                                                <ul class=\"sidebar-menu\">\n\t\t                                                                                                    <li class=\"open  has-sub\"><a  href=\"#\"> Getting Start<\/a>\n\t\t\t\t                                            \t\t         <ul class=\"sub-sidebar-menu\">\n           \n\t\t                                <li><a class=\"active docs-rocket-link\" data-post-id=\"209\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=209\">Introduction<\/a><\/li>\n\t\t\t\t                         <\/ul>\n\t\t\t                                                            <\/li>\n\t\t\t                                                                                                    <li class=\"has-sub\"><a  href=\"#\"> Plugin Installation<\/a>\n\t\t\t\t                                            \t\t         <ul class=\"sub-sidebar-menu\">\n           \n\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"229\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=229\">Plugin Installation<\/a><\/li>\n\t\t\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"303\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=303\">Available Options for Customization<\/a><\/li>\n\t\t\t\t                         <\/ul>\n\t\t\t                                                            <\/li>\n\t\t\t                                                                                                    <li class=\"has-sub\"><a  href=\"#\"> Quick Start Guide<\/a>\n\t\t\t\t                                            \t\t         <ul class=\"sub-sidebar-menu\">\n           \n\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"235\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=235\">Quick Start Guide<\/a><\/li>\n\t\t\t\t                         <\/ul>\n\t\t\t                                                            <\/li>\n\t\t\t                                                                                                    <li class=\"has-sub\"><a  href=\"#\"> Plugin Settings<\/a>\n\t\t\t\t                                            \t\t         <ul class=\"sub-sidebar-menu\">\n           \n\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"255\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=255\">Global Admin Settings<\/a><\/li>\n\t\t\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"260\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=260\">Product Attribute Options<\/a><\/li>\n\t\t\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"264\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=264\">Product level (Individual Product) Options<\/a><\/li>\n\t\t\t\t                         <\/ul>\n\t\t\t                                                            <\/li>\n\t\t\t                                                                                                    <li class=\"has-sub\"><a  href=\"#\"> Need Support?<\/a>\n\t\t\t\t                                            \t\t         <ul class=\"sub-sidebar-menu\">\n           \n\t\t                                <li><a class=\"docs-rocket-link\" data-post-id=\"308\" href=\"https:\/\/theplugindemo.com\/swatchly\/wp-admin\/admin-ajax.php?action=get-doc-rocket&id=308\">Get Support Here<\/a><\/li>\n\t\t\t\t                         <\/ul>\n\t\t\t                                                            <\/li>\n\t\t\t                                                                                            <\/ul>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <!-- Documentation Sidebar End -->\n                                <\/div>\n                                <div class=\"custom-col-8\">\n                                    <!-- Documentation Details Start -->\n                                    <div class=\"documentation-details\">\n                                       \n                                                                                <h1>Introduction<\/h1>\n                                       <p>Welcome to the Swatchly documentation! This comprehensive guide provides you with all the information you need to effectively utilize the Swatchly plugin for WooCommerce. Swatchly is a feature-rich plugin that enhances the presentation and usability of <strong>product variations on your WooCommerce store<\/strong>.<gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><\/p>\n\n\n\n<p>Are you getting frustrated with WooCommerce\u2019s current way of presenting the variants for your products? This plugin allows you to turn the <strong>product variation&#8217;s<\/strong> select options into more user-friendly swatches, such as <strong>colors, buttons and images<\/strong>. That means you no longer need to rely on the default dropdown options when it comes to selecting product variations. With the help of this plugin, the customers will have the opportunity to observe the products they need more visually than the default dropdown options shown in WooCommerce.<gwmw style=\"display:none;\"><\/gwmw><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Main Features<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>3 different types of Swatches <strong>(Label, Color, Image)<\/strong><gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li>3 different styles for the Swatch shapes <strong>(Squared, Rounded, Circle)<\/strong><gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li>Enable\/Disable Shape inset<\/li>\n\n\n\n<li>Shape Inset size<\/li>\n\n\n\n<li>Swatches Alignment <strong>(Left, Center, Right)<\/strong><\/li>\n\n\n\n<li>Set Swatch width, height &amp; font size<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li>Auto convert variation dropdowns to label\/button type Swatch<\/li>\n\n\n\n<li>Customize global settings for single product\/product list page separately<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li>Override global Swatch settings for each product individually<\/li>\n\n\n\n<li>Deselect On Click<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li>Disable showing Out of Stock variation from Swatch items<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li>Disabled Attribute Type (Cross Sign, Blur with Cross, Blur Only, Hide)<\/li>\n\n\n\n<li>Set image size for image-type Swatches<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li>Enable\/Disable tooltip<\/li>\n\n\n\n<li>2 different types of tooltip <strong>(text, image)<\/strong><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li>Show the selected option name on a single product page<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li>Variation Label Separator<\/li>\n\n\n\n<li>Responsive for mobile device<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li>Swatch Preview Column for Admin<\/li>\n\n\n\n<li>Easy to use backend interface<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li>No coding required<gwmw style=\"display:none;\"><\/gwmw><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Shop Page Features<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable\/Disable Swatches for the Shop page<\/li>\n\n\n\n<li>Control Swatches Position (Before Title, After Title, Before Price, After Price, Before Cart, After Cart)<\/li>\n\n\n\n<li>Swatches can be positioned into a custom hook<\/li>\n\n\n\n<li>Shortcode support<\/li>\n\n\n\n<li>Product Thumbnail Selector<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li>Enable AJAX Add to Cart button for shop page<\/li>\n\n\n\n<li>Custom Add to Cart Text<\/li>\n\n\n\n<li>Show\/Hide WC Forward Button<\/li>\n\n\n\n<li>Enable\/Disable Popup Notice for AJAX Add to Cart<\/li>\n\n\n\n<li>Enable\/Disable Swatch Limit for shop page<\/li>\n\n\n\n<li>Number of Swatch to Show<\/li>\n\n\n\n<li>Show\/Hide Clear Link for shop page<\/li>\n\n\n\n<li>Show\/Hide Swatches label for shop page<\/li>\n<\/ul>                                    <\/div>\n                                    <!-- Documentation Details End -->\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <!-- Documentation Details Section End -->\n\n                <\/div>\n               \n            <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-211","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theplugindemo.com\/swatchly\/wp-json\/wp\/v2\/pages\/211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theplugindemo.com\/swatchly\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theplugindemo.com\/swatchly\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theplugindemo.com\/swatchly\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/theplugindemo.com\/swatchly\/wp-json\/wp\/v2\/comments?post=211"}],"version-history":[{"count":2,"href":"https:\/\/theplugindemo.com\/swatchly\/wp-json\/wp\/v2\/pages\/211\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/theplugindemo.com\/swatchly\/wp-json\/wp\/v2\/pages\/211\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/theplugindemo.com\/swatchly\/wp-json\/wp\/v2\/media?parent=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}