Changeset 3322149

Timestamp:

07/04/2025 07:45:06 AM (5 months ago)

Author:

ThemeHigh

Message:

version 2.4.1

Location:

product-variation-swatches-for-woocommerce/trunk

Files:

• admin/assets/css/thwvsf-admin.css (modified) (2 diffs)
• admin/assets/css/thwvsf-admin.min.css (modified) (1 diff)
• admin/assets/images/blck-down-arrow.svg (added)
• admin/assets/images/blue-down-arrow.svg (added)
• admin/assets/images/crown.svg (added)
• admin/assets/images/customer.png (added)
• admin/assets/images/desc-tt.png (added)
• admin/assets/images/guarantee.svg (added)
• admin/assets/images/img-tt.png (added)
• admin/assets/images/img-with-label.png (added)
• admin/assets/images/pro.svg (added)
• admin/assets/images/quotes.svg (added)
• admin/assets/images/reviewquotes.png (added)
• admin/assets/images/rocket.svg (added)
• admin/assets/images/sel-style-1.png (added)
• admin/assets/images/sel-style-2.png (added)
• admin/assets/images/select.png (added)
• admin/assets/images/support.svg (added)
• admin/assets/images/swatch-display.png (added)
• admin/assets/images/term-name-tt.png (added)
• admin/assets/js/thwvsf-admin.js (modified) (3 diffs)
• admin/assets/js/thwvsf-admin.min.js (modified) (1 diff)
• admin/class-thwvsf-admin-settings-pro.php (modified) (1 diff)
• product-variation-swatches-for-woocommerce.php (modified) (3 diffs)
• public/assets/css/thwvsf-public.css (modified) (1 diff)
• public/assets/css/thwvsf-public.min.css (modified) (1 diff)
• public/assets/js/thwvsf-public.js (modified) (4 diffs)
• public/assets/js/thwvsf-public.min.js (modified) (1 diff)
• public/class-thwvsf-public.php (modified) (6 diffs)
• readme.txt (modified) (3 diffs)

product-variation-swatches-for-woocommerce/trunk/admin/assets/css/thwvsf-admin.css

@@ -1643 +1643 @@
  ***** NEW UI - END ************************
  *********************************************/
-/******* pro tab ********/ 
-
-.th-wrap-pro {
-    margin: 10px 20px 0 2px;
-    padding-left: 13px;
-}
-.th-nice-box{
-    border: 1px solid #c3c4c7;
-    box-shadow: 0 2px 2px rgb(0 0 0 / 4%), 0 4px 4px rgb(0 0 0 / 4%), 0 8px 8px rgb(0 0 0 / 4%), 0 16px 16px rgb(0 0 0 / 4%);
-    background: #fff;
-    margin: 1.5rem 0 .75rem;
-    padding: 2rem;
-}
-
-@media only screen and (min-width: 45em){
-    ul.feature-list {
-        /* -webkit-column-count: 2; */
-        -moz-column-count: 2;
-        column-count: 2;
-    }
-}
-:before {
-    box-sizing: border-box;
-}
-ul.feature-list.additional-feat li:before {
-    content: "\f147";
-    display: inline-block;
-    -webkit-font-smoothing: antialiased;
-    color: #2271b1;
-    margin-right: 10px;
-    word-wrap: break-word;
-    font-family: dashicons;
-    font-weight: 700;
-}
-ul.feature-list.star-list li .th-feat-head:before {
-    content: "\f147";
-    display: inline-block;
-    -webkit-font-smoothing: antialiased;
-    color: #2271b1;
-    margin-right: 10px;
-    word-wrap: break-word;
-    font-family: dashicons;
-    font-weight: 700;
-    content: "\f155";
-    color: #f90;
-}
-ul.feature-list.star-list li .th-feat-head{
-    font-size:16px;
-    font-weight:400;
-}
-
-ul.feature-list.star-list li .th-feat-desc{
-    margin-left: 30px;
-    margin-top: 15px;
-    margin-bottom: 15px;
-}
-
-.thpladmin-notice .logo {
-    float: right;
-}
+
 
  /*-----------------------------------------
@@ -2194 +2135 @@
  *-----------------------------------------*/
 
+/*-----------------------------------------
+ *----- PREMIUM FEATURE TAB - START ---------
+ *-----------------------------------------*/
+
+ul.th-wvs-feature-list {
+    -webkit-column-count: 2;
+    -moz-column-count: 2;
+    column-count: 2;
+}
+
+.th-nice-box{
+    background: #fff;
+    margin: 1.5rem 1rem .75rem 0;
+    border-radius: 5px;
+}
+.th-nice-box hr{
+    position: absolute;
+    height: 0px;
+    border: 1px solid #DDDDDD;
+}
+.th-nice-box a {
+    text-decoration: none;
+}
+.th-ad-banner{
+    display: flex;
+    /*height: 30%;*/
+}
+.th-ad-content {
+    width: 90%;
+    background-color: #121933;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 5px 0px 0px 0px;
+    border-right: 3px solid #ffffff;
+}
+.th-ad-content-container{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 1rem;
+}
+.th-ad-content-desc{
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    color: #FFFFFF;
+    text-align: left;
+    width: 81%;
+}
+.th-ad-content-desc p{
+    height: 56%;
+    padding: 0.3rem 1.5rem;
+    font-size: 14px;
+}
+.upgrade-pro-btn-div .btn-upgrade-pro{
+    background: #121933;
+    border: 1px solid #FFFFFF;
+    border-radius: 5px;
+}
+.btn-upgrade-pro, .btn-get-pro, .btn-try-demo{
+    width: 168px;
+    height: 42px;
+    background: #6E55FF;
+    border-radius: 5px;
+    font-style: normal;
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 166.5%;
+    text-align: center;
+    color: #FFFFFF;
+}
+.btn-upgrade-pro.orange{
+    background: #fff;
+    color: #111;
+}
+.trydemo-heading{
+    font-size: 22px;
+    color: #121933;
+}
+.btn-try-demo:hover {
+    color: #000;
+    background-color: #D1D1D1;
+}
+.btn-try-demo.clicked {
+    color: #000;
+    background-color: #D1D1D1;
+}
+.btn-try-demo.clicked{
+    color: #000;
+}
+.btn-try-demo:focus{
+    outline: none; /* remove default outline */
+    border: none;
+}
+.btn-get-pro:hover {
+    color: #FFFFFF;
+    background-color: #5540CE;
+}
+.btn-get-pro.clicked{
+    color: #FFFFFF;
+    background: #6E55FF;
+}
+.btn-get-pro:focus{
+    outline: none; /* remove default outline */
+    border: none;
+}
+.btn-upgrade-pro:hover{
+    color: #FFFFFF;
+    background-color: #5540CE;
+}
+.btn-upgrade-pro.orange:hover{
+    color: #333333;
+    background-color: #F1F1F1;
+}
+.btn-upgrade-pro.clicked{
+    color: #FFFFFF;
+    background: #6E55FF;
+}
+.btn-upgrade-pro.orange.clicked{
+    color: #111;
+    background: #F1F1F1;
+}
+.btn-upgrade-pro:focus{
+    outline: none; /* remove default outline */
+    border: none;
+}
+.button-get-pro:hover{
+    color: #FFFFFF;
+    background-color: #5540CE;
+}
+.button-get-pro.clicked {
+    color: #FFFFFF;
+    background: #6E55FF;
+}
+.button-get-pro:focus{
+    outline: none; /* remove default outline */
+    border: none;
+}
+.claim-discount-btn:hover, .claim-discount-btn.clicked {
+    color: #FFFFFF;
+    background-color: #5540CE;
+}
+.upgrade-pro-btn-div{
+    display: flex;
+    padding: 0 2.5rem;
+    align-items: center;
+}
+@media screen and (min-width: 480px) and (max-width: 1024px) {
+
+    .th-ad-content{
+        display: grid;
+    }
+    .th-ad-terms{
+        display: grid !important;
+    }   
+    .th-ad-guarantee{
+        padding: 1rem;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+    .th-ad-term-head{
+        padding: 0 0.5rem;
+    }
+    .th-try-demo{
+        padding: 3rem 5rem 3rem 5rem;
+        display: grid;
+        justify-content: center;
+        align-items: center;
+    }
+    .trydemo-heading{
+        width: 90%;
+        margin: 1rem 2rem;
+    }
+    .try-demo-desc{
+        padding: 0rem 5rem !important;
+        width: 100%;
+    }
+    .btn-get-pro{
+        margin: 1rem 1.5rem !important;
+    }
+    .th-feautre-desc{
+        padding: 1rem 2rem!important;
+        margin: 0!important;
+        text-align: left !important;
+    }
+    .th-wvs-feature-list-ul{
+        justify-content: flex-start !important;
+    }
+    .th-wvs-feature-list{
+        display: grid;
+        margin: -1rem 1rem 2rem!important;
+
+    }
+    ul.th-wvs-feature-list li{
+        height: 65px;
+        line-height: 22px !important;
+        background: url(../images/crown.svg) 0 0 no-repeat !important;
+        margin: 0rem 3rem !important;
+        text-align: left;
+    }
+    .th-get-pro-img{
+        display: none;
+    }
+    .th-get-pro-desc {
+        width: 70%!important;
+        padding: 0 0.7rem!important;
+    }
+    .th-get-pro-btn {
+       padding: 1rem 1rem !important;
+    }
+    .th-get-pro-btn .btn-upgrade-pro {
+        width: 120px;
+        margin: 3rem 0 0 0 !important;
+    }
+    .th-pro-support{
+        width: 83% !important;
+    }
+    .th-pro-support-desc{
+        margin: 0rem 0.5rem !important;
+    }
+    .th-hor-line{
+        width: 90%;
+    }
+    .th-ad-content-container {
+        display: grid !important;
+        justify-content: center;
+        align-items: center;
+    }
+    .th-design-types {
+        margin: 0 1rem 0 2rem !important;
+    }
+    .th-wepo-field-type-img {
+        display: grid !important; 
+    }
+    .th-fields {
+        width: 86% !important;
+        margin: 0rem 1.5rem !important;
+    }
+    .th-fields-img {
+        position: relative;
+        margin: 3rem 0 !important;
+    }
+
+    .th-section-function {
+        width: 100% !important;
+    }
+    .th-display-rule-section-desc {
+        padding: 0rem 0 0 2rem!important;
+    }
+    ul.th-feature-section-list{
+        padding: 0 2.3rem !important;
+    }
+    ul.th-feature-section-list li {
+        margin: 0 1rem 0rem !important;
+        width: 100% !important;
+    }
+  
+    .th-faq-tab h3 {
+        width: 100% !important;
+        align-items: center;
+        display: flex;
+        justify-content: center;
+    }
+    .th-faq-tab .th-faq-para {
+        width: 96% !important;
+        text-align: left;
+    }
+    .th-accordion-qstn {
+        padding: 0 2rem !important; 
+        text-align: left;
+    }
+    .th-panel p {
+        padding-left: 2rem !important;
+        width: 100% !important;
+    }
+    .th-accordion-qstn .th-accordion-img{
+        margin: 0.3rem !important;
+    }
+    .th-accordion-qstn .th-accordion-img-opn{
+        display: none;
+    }
+    .switch-to-pro-tab h3 {
+        position: relative;
+        top: 0 !important; 
+        width: 70% !important;
+        margin-top: -5rem;
+    }
+    .switch-to-pro-tab p {
+        top: 0 !important;
+    }
+    .button-get-pro {
+        margin-top: 9rem !important;
+    }
+    .th-review-section {
+        display: grid !important;
+        margin: 2rem 0 0 0 !important;
+        width: 100%;
+    }
+    .review-quote-img img{
+        display: none !important;
+    }
+    .review-quote-img {
+        display: flex;
+        padding: 0;
+        background-image: url(../css/review-tab.png);
+        background-repeat: no-repeat;
+        background-position: center;
+        width: 100%;
+        height: 10rem;
+    }
+    .th-review-navigator {
+        display: none !important;
+    }
+    .th-user-review-section {
+        display: grid !important;
+        width: 100% !important;
+        padding: 8rem 0 !important;
+        justify-content: center;
+        align-items: center;
+    }
+    .th-review-quote {
+        padding: 0 0.5rem !important;
+        text-align: center;
+        margin-top: -14rem;
+    }
+    .th-user-review{
+        position: absolute !important;
+        margin-top: 0rem;
+        width: 96% !important;
+        height: 3% !important;
+    }
+    .th-user-review h3 {
+        position: absolute!important;
+        width: 88%!important;
+        margin: 1.5rem 5.5rem!important;
+        text-align: center;
+    }
+    .th-review-content {
+        width: 100%!important;
+        position: relative;
+        padding: 3rem;
+        text-align: center;
+        margin: 1rem 0rem !important;
+    }
+    .th-user-review .th-review-user-name{
+        margin: -4rem 0;
+        text-align: center;
+        padding: 1rem 0;
+        width: 100%!important;
+    }
+
+    @media screen and (min-width: 612px) and (max-width: 1024px){
+        .th-faq-tab {
+            margin: 0rem 2rem 0 2rem!important;
+        }
+        .th-review-navigator {
+            display: flex !important;
+            flex-direction: row !important;
+            position: relative;
+            top: 18rem;
+        }
+        .th-review-nav-btn {
+            margin-left: 1rem !important;
+        }
+        .th-user-review h3 {
+            position: absolute!important;
+            width: 80%!important;
+            margin: 1.5rem 5.5rem!important;
+            text-align: center;
+        }
+    }
+    @media screen and (min-width: 300px) and (max-width: 611px){
+        .th-faq-tab {
+            margin: 2rem 2rem 0 2rem!important;
+        }
+        .th-review-navigator {
+            display: flex !important;
+            flex-direction: row !important;
+            position: relative;
+            top: 21rem;
+        }
+        .th-review-nav-btn {
+            margin-left: 1rem !important;
+        }
+    }
+}
+@media screen and (min-width: 2000px) {
+    .th-wrapper-main{
+        justify-content: center;
+        align-items: center;
+    }
+    .th-try-demo {
+        width: 70%;
+        padding: 1rem 0 2rem 0 !important;
+    }
+    .th-wepo-key-feature {
+        width: 70%;
+    }
+    ul.th-wepo-feature-list {
+        width: 74% !important;
+    }
+    .th-design-types {
+        width: 70%;
+        margin: 0 !important;
+    }
+ 
+    .th-review-section {
+        width: 70% !important;
+        padding: 5rem 0 4rem !important;
+    }
+    .th-faq-tab {
+        width: 70%;
+        margin: 3rem 0rem 1rem 0rem !important;
+    }
+    .th-faq-qstns .th-accordion{
+        margin: -0.5rem 0;
+    }
+    .th-switch-to-pro {
+        width: 70% !important;
+    }
+    .th-user-review {
+        width: 50% !important;
+    }
+    .th-ad-term-head {
+        width: 21rem !important;
+    }
+    .th-switch-to-pro{
+        margin: 1rem 5.5rem 5rem !important;
+    }
+}
+.th-wrapper-main{
+    display: flex;
+    flex-direction: column;
+}
+.prev, .next{
+    display: none;
+}
+.btn-try-demo{
+    width: 203px;
+    height: 58px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background: #E4E4E4;
+    color: #000;
+    font-size: 16px;
+}
+.btn-get-pro{
+    width: 203px;
+    height: 58px;
+    font-size: 16px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0rem 1.5rem;
+}
+.btn-upgrade-pro{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.th-ad-terms{
+    width: 40%;
+    background-color: #E6E6E9;
+    display: flex;
+    border-radius: 0px 5px 0px 0px;
+}
+.th-ad-guarantee{
+    padding: 1rem;
+    display: flex;
+    justify-content: center;
+}
+.th-ad-term-head{
+    font-style: normal;
+    font-weight: 700;
+    font-size: 14px;
+    color: #59617D;
+    width: 17rem;
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+}
+.th-ad-term-desc{
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    color: #59617D;
+}
+.th-try-demo{
+    text-align: center;
+    padding: 1rem 0rem 2rem 0rem;
+}
+.th-pro-btn{
+    margin-right: 1rem;
+}
+.try-demo-desc{
+    padding: 0.2rem 11rem 1rem;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 175.43%;
+    text-align: center;
+    color: #121933;
+}
+.th-wvs-key-feature{
+    position: relative;
+    background: #fffaf5;
+    border-radius: 15px;
+    margin: 0rem 2rem 0rem 2rem;
+}
+.th-wvs-key-feature .th-feautre-head{
+    position: relative;
+    width: 100%;
+    font-style: normal;
+    font-weight: 700;
+    font-size: 22px;
+    text-align: center;
+    color: #121933;
+    padding: 3rem 0rem 0rem 0rem;
+}
+.th-wvs-key-feature .th-feautre-desc{
+    position: relative;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    text-align: center;
+    color: #121933;
+    margin: 0em 8em;
+    line-height: 2;
+}
+.th-wvs-feature-list-ul {
+    display: flex;
+    justify-content: center;
+    text-align: center;
+    margin: 2rem;
+    white-space: pre-wrap;
+}
+ul.th-wvsfeature-list {
+    text-align: right;
+    list-style-position: inside;
+    float: left;
+}
+.column-break{
+    break-after: column;
+}
+ul.th-wvs-feature-list li {
+    background: url(../images/crown.svg) 0 0 no-repeat;
+    text-align: start;
+    padding-left: 3rem;
+    line-height: 25px;
+    font-size: 16px;
+    font-weight: 600;
+    width: 100%;
+    color: #000000;
+}
+.th-list{
+    position: relative;
+    top: -0.5rem;
+    -webkit-font-smoothing: antialiased;
+    font-style: normal;
+    font-weight: 600;
+    font-size: 16px;
+    padding: 19px 0.5rem;
+}
+.th-get-pro{
+    display: flex;
+    position: relative;
+    background-color: #F88F42;
+    border-bottom-left-radius: 20px;
+    border-bottom-right-radius: 15px;
+}
+.th-get-pro-img{
+    width: 10%;
+    justify-content: flex-start;
+    display: flex;
+}
+.th-wrapper-get-pro{
+    display: flex;
+    justify-content: center;
+    width: 90%;
+    align-items: center;
+}
+.th-get-pro-desc{
+    padding: 0rem 4.7rem;
+}
+.th-get-pro-btn{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.th-get-pro-btn .btn-upgrade-pro{
+    height: 58px;
+    font-size: 16px;
+}
+.th-get-pro-desc-head{
+    display: grid;
+    font-style: normal;
+    font-weight: 700;
+    font-size: 21px;
+    color: #FFFFFF;
+}
+.th-get-pro-desc-contnt{
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    color: #FFFFFF;
+}
+.th-star-support {
+    margin: 2rem 0;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.th-user-star{
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+.th-user-star img{
+    width: 30px;
+    height: 30px;
+}
+.th-user-star-desc{
+    font-style: normal;
+    font-weight: 700;
+    font-size: 18px;
+    text-align: center;
+    color: #000000;
+}
+.th-user-star-img{
+    margin: 1rem 0rem;
+}
+.th-pro-support{
+    display: flex;
+    margin: -0.8rem;
+}
+.th-pro-support-desc{
+    margin: 0.5rem 1.5rem;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 175.43%;
+    color: #5B5B5B;
+}
+.th-pro-support-desc em{
+    font-size: 18px;
+    color: #121933;
+    font-weight: 700;
+    font-style: normal;
+}
+.th-hor-line{
+    border: 1px solid #ddd;
+    margin: 2.5rem 0 0;
+    width: 94%;
+}
+.th-design-types{
+    margin: 0 4rem 0 3rem;
+}
+.th-design-types-content{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.th-design-types-left{
+    width: 50%;
+    
+}
+.th-design-types-head{
+    font-style: normal;
+    font-weight: 700;
+    font-size: 22px;
+    color: #121933;
+}
+.th-design-types-h4 {
+    font-style: normal;
+    font-weight: 700;
+    font-size: 18px;
+    color: #121933;
+}
+.th-design-types-desc{
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    color: #121933;
+}
+
+.th-crown{
+    top: 0.5rem;
+    left: 0.5rem;
+    position: relative;
+}
+
+.th-wvs-pro{
+    float: right;
+    margin: 0rem 2rem;
+}
+.th-pro-features-row{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    margin: 0.5rem 1.5rem;
+    margin-bottom: 0;
+}
+.th-pro-features-col-left, .th-pro-features-col-right{
+    flex: 0 0 auto;
+    width: 49%;
+}
+
+.th-pro-feature{
+    border-radius: 15px;
+    margin-top: 1.5rem;
+}
+.th-pro-feature.wvs-display{
+    background: #dde3ff;
+}
+.wvs-display .wvs-display-img-wrap{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.th-pro-feature.wvs-selection,
+.th-pro-feature.wvs-stock-feature{
+    background: #ffffff;
+    border: 1px solid #dfdfdf;
+    border-radius: 15px;
+}
+.th-pro-feature.wvs-stock-feature{
+    padding-bottom: 2rem;
+}
+.th-pro-feature.wvs-feature-note{
+    background-color: #F3F3F3;
+    padding-bottom: 2rem;
+}
+
+.th-pro-feature.wvs-tt-style{
+    background: #121933;
+}
+.wvs-tt-style .th-feature-head,
+.wvs-tt-style .th-feature-desc{
+    color: #FFFFFF;
+}
+.th-feature-head{
+    color: #2C3351;
+    font-size: 20px;
+    font-weight: bolder;
+    padding-top: 2.5rem;
+    padding-left: 2rem;
+}
+.th-feature-sub-head{
+    color: #2C3351;
+    font-size: 20px;
+    font-weight: bolder;
+    padding-top: 1.5rem;
+    padding-left: 2rem;
+}
+.th-feature-desc{
+    font-size: 14px;
+    padding: 0.5rem 8rem 0rem 2rem;
+    line-height: 24.56px;
+    color: #2C3351;
+}
+ul.th-feature-section-list{
+
+    font-style: normal;
+/*    font-weight: 600;*/
+    font-size: 14px;
+    line-height: 233%;
+    color: #2C3351;
+    padding: 0.5rem 3.3rem;
+    list-style-type: disc;
+}
+ul.th-feature-section-list.wvs-tooltip-list{
+    font-style: normal;
+    font-size: 15px;
+    line-height: 233%;
+    color: #ffffff;
+    padding: .5rem 3.3rem;
+    list-style-type: disc;
+    font-weight: 700;
+}
+ul.th-feature-section-list li{
+    margin-bottom: 0;
+    font-size: 14px;
+    line-height: 2.5rem;
+}
+ul.th-feature-section-list li::marker {
+    color: #2C3351;
+    font-size: 1.5rem;
+}
+ul.th-feature-section-list.selection-style-list li::marker,
+ul.th-feature-section-list.wvs-tooltip-list li::marker
+{
+    color: #6E55FF;
+}
+ul.th-feature-section-list.wvs-stock-list{
+    font-weight: 600;
+    font-size: 15px;
+}
+ul.th-feature-section-list li b {
+  font-weight: 800;
+}
+.feature-desc-imgs{
+    align-items: center;
+    margin: auto;
+    padding: 40px 91px;
+}
+.feature-desc-imgs .sel-style-box-2{
+    position: relative;
+    display: inline-block;
+    margin-top: 1rem;
+}
+.feature-desc-imgs .overlay-tick {
+    position: absolute;
+    left: 50%;
+    top: 36%;
+    transform: translate(-50%, -50%);
+    z-index: 1;
+}
+
+.tt-styles-row{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    border: 1px dashed rgba(255, 255, 255, 0.25);
+}
+.tt-styles-row .tt-style-box{
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 150px;
+    border-right: 1px dashed rgba(255, 255, 255, 0.25);
+}
+.additional_note b{
+    font-weight: 800;
+}
+
+.display-section-img{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+.display-section-img img{
+    padding-bottom: 1rem;
+    max-width: 100%;
+    height: auto;
+}
+
+ul.th-display-field-list{
+    list-style-type: disc;
+    padding: 0.5rem 3.3rem;
+}
+ul.th-display-field-list li{
+    font-style: normal;
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 200%;
+    color: #121933;
+    margin: 0rem 0rem;
+}
+.th-price-fields{
+    position: relative;
+    width: 98%;
+    top: 10px;
+    float: right;
+    background: #f3f3f3;
+    border-radius: 15px;
+    height: 49.70%;
+}
+.th-price-fields-head{
+    font-style: normal;
+    font-weight: 700;
+    font-size: 20px;
+    color: #121933;
+    /* height: 30px; */
+    /* padding-top: 1.3rem; */
+    padding-left: 2rem;
+    padding-top: 1rem;
+}
+.th-price-fields-desc{
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    color: #121933;
+    width: 90%;
+    /* height: 80px; */
+    padding-left: 2rem;
+    line-height: 24.56px;
+}
+.th-layouts-section{
+    position: relative;
+    width: 100%;
+    background: #fff;
+    border: 1px solid #dfdfdf;
+    border-radius: 15px;
+    height: 46.7%;
+}
+.th-layouts-img{
+    position: relative;
+    margin: 3rem 1rem;
+}
+.th-layouts-img img {
+    width: 100%;
+    height: auto;
+}
+.th-price-table-img{
+    position: relative;
+    margin: 1rem 3rem;
+}
+.th-price-table-img img {
+    width: 480px;
+    height: 210px;
+}
+
+.text-clr-black {
+    color: #121933 !important;
+}
+ul.th-feature-section-list.text-clr-black li::marker {
+    color: #121933;
+}
+.switch-to-pro-tab{
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 0;
+    transform: matrix(1,0,0,1,0,0);
+}
+.th-switch-to-pro{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    width: 80%;
+    height: 259px;
+    margin: 0 4.5rem 3rem;
+    text-align: center;
+    background: #fffaf5;
+    border-radius: 21px;
+}
+.switch-to-pro-heading{
+    font-weight: 700;
+    font-size: 21px;
+    line-height: 164%;
+    text-align: center;
+    color: #121933;
+    margin-top: -4rem;
+}
+.th-switch-to-pro p{
+    position: relative;
+    color: #121933;
+    font-size: 14px;
+    width: 85%;
+    margin-top: -0.5rem;
+}
+.button-get-pro{
+    position: absolute;
+    width:203px;
+    height:58px;
+    background: #6E55FF;
+    border-radius: 5px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-style: normal;
+    font-weight: 700;
+    font-size: 17px;
+    line-height: 166.5%;
+    text-align: center;    
+    color: #FFFFFF;
+    margin-top: 7rem;
+}
+.th-faq-tab{
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    margin: 2rem 2rem 1rem 2rem;
+}
+.th-faq-desc{
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.th-faq-tab h3{
+    position: relative;
+    width: 61px;
+    height: 33px;
+    font-style: normal;
+    font-weight: 700;
+    font-size: 22px;
+    line-height: 148.93%;
+    color: #121933;
+}
+.th-faq-tab .th-faq-para{
+    position: relative;
+    width: 67%;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 188.5%;
+    text-align: center;
+    color: #121933;
+    margin: -1rem;
+}
+.th-faq-tab .arrow-svg{
+    float: right;
+    bottom: 35px;
+    position: relative;
+}
+.th-faq-qstns{
+    margin: 3rem 0rem;
+}
+.th-accordion-qstn{
+    display: flex;
+    justify-content: space-between;
+    padding: 0rem 4rem;
+}
+.th-accordion-qstn p{
+    font-style: normal;
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 148.93%;
+    color: #121933;
+}
+.th-accordion-qstn .th-accordion-img-opn{
+    display: none;
+}
+.th-faq-links, .th-panel p{
+    padding-left: 4rem;
+    text-align: left;
+    width: 58rem;
+    overflow-wrap: break-word;
+    font-size: 14px;
+    color: #121933;
+    line-height: 24.56px;
+}
+.th-faq-answer, .th-faq-notes{
+    padding-bottom: 2rem;
+}
+#slider {
+  max-width: 350px;
+  overflow-y: auto;
+  overflow: hidden;
+  height: auto;
+  margin: 50px auto;
+}
+#slider ul li {
+  position: relative;
+}
+#slider ul {
+  width: 1400px;
+  height: 150px;
+  position: relative;
+}
+#slider ul li img {
+  position: relative;
+  float: left;
+}
+#buttons {
+  width: 350px;
+  margin: -20px auto;
+  display: block;
+}
+#next {
+  float: right;
+  padding: 5px 10px;
+  color: #333;
+  outline: none;
+  border: 2px solid #333;
+}
+#prev {
+  padding: 5px 10px;
+  color: #333;
+  outline: none;
+  border: 2px solid #333;
+}
+.th-review-nav-btn.active {
+  background: #6E55FF !important;
+  width: 1.5rem !important;
+  height: 1.5rem !important;
+}
+.th-faq-qstns .th-accordion{
+    box-sizing: border-box;
+    position: relative;
+    width: 100%;
+    background: #FFFFFF;
+    border: 1px solid #DFDFDF;
+    border-radius: 21px;
+    transition: 0.4s;
+    padding-bottom: 20px;
+    padding-top: 10px;
+    margin: -0.5rem 0;
+    cursor: pointer;
+}
+.th-panel {
+  padding: 0 18px;
+  display: none;
+  background-color: white;
+  overflow: hidden;
+  border-radius: 21px;
+}
+.th-review-nav-btn-hide{
+    display: none;
+}
+.th-review-section{
+    display: flex;
+    padding: 5rem 0 0;
+    width: 100%;
+}
+.review-quote-img {
+    display: flex;
+    padding: 0 3rem;
+}
+.th-review-navigator{
+    border-left: 2px solid #f5f5f5;
+    display: flex;
+    flex-direction: column;
+    justify-content: center; 
+    align-items: center;
+}
+.th-review-nav-btn {
+    width: 1rem;
+    height: 1rem;
+    background-color: #f0f0f0;
+    border-radius: 50%;
+    position: relative;
+    margin-left: -0.8rem;
+    margin-bottom: 1rem;
+}
+.th-user-review-section {
+    display: flex;
+    width: 100%;
+    padding: 3rem 5rem;
+}
+.th-review-nav-btn li:last-child{
+    width:0.5rem;
+    height:0.5rem;
+    background-color: #F0F0F0;
+    border-radius: 50%;
+    position :relative;
+    left:20px;
+    top:4rem;
+    margin-top: 1.5rem;   
+}
+.th-reviews{
+    display: flex;
+}
+.th-user-review{
+    position: absolute;
+    display: grid;
+}
+.th-review-quote{
+    padding:1rem 1.5rem;
+}
+.th-user-review h3{
+    font-style: normal;
+    font-weight: 700;
+    font-size: 20px;
+    color: #121933;
+    width: 78%;
+    margin: 1rem 5rem;
+}
+.th-review-content{
+    width: 78%;
+    margin: 1rem 5rem;
+}
+.th-user-review p{
+    font-size:14px;
+    color: #121933;
+    line-height: 24.56px;
+}
+.th-review-user-name{
+    font-weight: 700;
+    margin: 0 5rem;
+}
+.th-review-navigator-tab{
+    display: none;
+}
+ul.feature-list li:marker {
+    content: "\f147";
+    display: inline-block;
+    -webkit-font-smoothing: antialiased;
+    color: #2271b1;
+    margin-right: 10px;
+    word-wrap: break-word;
+    font-family: 'dashicons';
+    font-weight: bold;
+}
+ul.th-wepo-feature-list li::marker {
+    width: 1rem;
+}
+
+/*-----------------------------------------
+ *----- PREMIUM FEATURE TAB - END ---------
+ *-----------------------------------------*/

product-variation-swatches-for-woocommerce/trunk/admin/assets/css/thwvsf-admin.min.css

@@ -1 @@
-.align-center{text-align:center!important}.woocommerce-message{margin-top:10px}.err_msgs{color:red}.empty-msg-row{padding:20px 0!important;text-align:center}.nav-tab:focus{box-shadow:none}.nav-tab-wrapper .nav-tab{border:none;outline:0;background:#f1f1f1}.nav-tab-wrapper .nav-tab.nav-tab-active{border-bottom:2px solid #2b7dbd}.thwvs-settings-table.thpladmin-form-table{margin-top:30px}:root{--primary-bg-color:#007cba}.status-active{font-size:15px;color:green}.status-deactive{font-size:15px;color:red}.thpladmin-subtitle{font-size:11px;color:#666}.thpladmin-notice a.button-primary{font-size:14px;color:#FFF;background-color:#D9534F;border-color:#D43F3A;line-height:38px;height:40px;padding-left:20px;padding-right:20px}.thpladmin-notice a.button-primary:hover{background-color:#D2322D;border-color:#AC2925}.thwvsf-image-wrapper{position:relative}.thwvsf-dismiss-button{right:0;position:absolute}.notice.thwvs-msg{padding:5px 25px 5px 0;margin:5px 15px 2px;border-radius:10px;border:1px solid;border-left-width:10px}.notice.thwvs-msg p{margin-left:15px;font-style:normal;font-weight:400;font-size:14px;line-height:16px}.updated.notice.thwvs-msg{background:#F3FAEF;border-color:#79B05E}.updated.notice.thwvs-msg p{color:#246D00}.error.notice.thwvs-msg{background:#FFF1F0;border-color:#E14046}.error.notice.thwvs-msg p{color:#E14046}.thpl_logic_label,.thpl_logic_link{cursor:default;display:block;float:left;border:1px solid gray;padding:0 5px;margin-left:5px;margin-right:15px;border-radius:3px}.thpl_logic_link{cursor:pointer;text-decoration:none;color:#FFF!important;background-color:#00A0D2;border:1px solid #0073AA}a.thpl_delete_icon{float:left;width:20px;height:20px;margin-left:5px;display:block;background:url(delete.png) 0 50% no-repeat}a.thpl_delete_icon:hover{opacity:.6;filter:alpha(opacity=60)}.thpladmin-license-settings .info-text,.thpladmin-license-settings-grid{margin-top:30px}.thpladmin-license-settings-grid .dashicons{margin-left:3px;margin-top:8px}.thpladmin-license-settings-grid input[type=text]{padding:5px;width:300px}.thpladmin-license-settings-grid p.submit{margin-top:20px}.thpladmin-license-settings-grid table{margin-top:10px}.thpladmin-license-settings-grid table td,.thpladmin-license-settings-grid table th{padding:5px 0;font-weight:400;vertical-align:middle}.thpladmin-license-settings-grid h2{font-size:14px;margin-bottom:9px;padding-bottom:5px;vertical-align:middle;font-weight:700;border-bottom:1px dashed #cecece}.thpladmin-dynamic-row-table .action-cell{width:30px;text-align:center}.thpladmin-dynamic-row-table .action-cell a.btn{background-color:#00A0D2;border:1px solid #0073AA;color:#FFF;padding:2px 5px;border-radius:3px;font-size:12px;text-decoration:none}.thpladmin-dynamic-row-table .action-cell a.btn-blue{background-color:#00A0D2;border:1px solid #0073AA}.thpladmin-dynamic-row-table .action-cell a.btn-red{background-color:#f66;border:1px solid #ff4c4c}.thpladmin-dynamic-row-table .action-cell a.dashicons{line-height:inherit;font-size:18px;color:#fff;border-radius:3px;box-shadow:0 1px 0 #ccc}.thpladmin-dynamic-row-table .action-cell a.dashicons-plus{background-color:#00A0D2;border:1px solid #0073AA}.thpladmin-dynamic-row-table .action-cell a.dashicons-no-alt{background-color:#f66;border:1px solid #ff4c4c}table.thpladmin-dynamic-row-table td.sort{padding:0;cursor:move;font-size:20px;text-align:center;vertical-align:middle}table.thpladmin-dynamic-row-table td.sort::before{content:'\f333';font-family:Dashicons;text-align:center;line-height:1;color:#999;display:block;width:17px;float:left;height:100%}.thpladmin-tab{width:100%;border:0 solid #d4d4d1;border-top:0;background-color:#fff;float:left}.thpladmin-tabs-menu{width:100%;margin:10px 0 0;float:left;clear:both;border-bottom:1px solid #d3d3d3}.thpladmin-tabs-menu li{float:left;margin-right:5px;margin-bottom:-1px;border:1px solid #d3d3d3;outline:transparent solid 1px;border-radius:4px 4px 0 0;background:#e6e6e6}.thpladmin-tabs-menu li.current{color:#555;position:relative;background-color:#fff;border-bottom:1px solid #fff;box-shadow:none}.thpladmin-tabs-menu li.first{margin-left:20px}.thpladmin-tabs-menu li a{font-size:18px;display:block;padding:12px 20px;text-decoration:none;color:#bbb;-webkit-transition:color .2s;transition:color .2s}.thpladmin-tabs-menu li a:focus{outline:0;box-shadow:none}.thpladmin-tabs-menu .current a{color:#2e7da3}.thpladmin-tab-content{padding:0;display:none;min-height:200px;max-height:400px;color:#000}.thpladmin-sections{list-style:none;margin:8px 0 0;padding:0;font-size:13px;color:#666}.thpladmin-sections li{display:inline-block;margin:0;padding:0;white-space:nowrap}.thpladmin-sections a.current{font-weight:600;border:none;color:#000}.thpladmin-sections a{line-height:2;padding:.2em;text-decoration:none}.thpladmin-sections .delete_section img,.thpladmin-sections a.edit_section img{width:12px;height:12px}.thpladmin-sections a.add_link{margin-left:30px;background-color:#00A0D2;border:1px solid #0073AA;color:#FFF;padding:2px 5px;border-radius:3px}.thpladmin-sections a.add_link:hover{background-color:#0073AA}.thpladmin-form-table td{padding:5px 0}.thpladmin-form-table td.thpladmin-form-section-title{font-weight:700;border-bottom:1px dashed #cecece}.thpladmin_fields_table tr.strikeout td{background:rgba(255,0,0,.4)!important;opacity:.6;text-decoration:line-through}.thpladmin_fields_table tr.thpladmin-disabled td{opacity:.4}.thpladmin_fields_table tr.thpladmin-disabled td.td_select{opacity:1}.thpladmin_fields_table .td_actions{width:70px}.thpladmin_fields_table .td_enabled{width:50px}.thpladmin_fields_table .td_clear{width:65px}.thpladmin_fields_table .td_required{width:60px}.thpladmin_fields_table .td_select{width:23px}.thpladmin_fields_table th.status{white-space:nowrap}.thpladmin_fields_table .dashicons{line-height:inherit}.thpladmin_fields_table .td_actions .dashicons{border-radius:3px;padding:0 2px 2px;box-shadow:0 1px 0 #ccc;webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.thpladmin_fields_table .td_actions .dashicons.disabled{color:#ccc;border:1px solid #e9e9e9;cursor:default}.thpladmin-sections .dashicons,.thpladmin_fields_table .td_actions .dashicons-admin-page,.thpladmin_fields_table .td_actions .dashicons-edit{cursor:pointer}.thpladmin-sections .dashicons-no{color:#ff4c4c}.thwvsf-attribte-dialog{margin:20px}.thwvsf-attribte-dialog td{padding:5px 10px}.iris-picker{z-index:100;display:none;position:absolute!important;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.2)}.iris-picker .ui-slider{border:0!important;margin:0!important;width:auto!important;height:auto!important;background:0 0!important}.iris-picker .ui-slider .ui-slider-handle{margin-bottom:0!important}.thwvsf_settings_fields_form.thwvs-col-div{position:relative}.thpladmin-colorpickpreview{padding:5px 6px 6px 20px;border:1px solid #7e8993;border-top-left-radius:5px;border-bottom-left-radius:5px}.thpladmin-form-table input[type=text],.thpladmin-form-table select{min-height:30px;padding:0 8px;line-height:2}.gbl-attr-terms-new{margin-bottom:20px}.gbl-attr-terms .thpladmin-colorpickpreview,.locl-attr-terms .thpladmin-colorpickpreview,.th-custom-attr-color-td .thpladmin-colorpickpreview{background-color:#f1f3f1;position:absolute;vertical-align:middle;background-position:-80px 0;border:1px solid #ccc;cursor:text;padding:0;margin:0;display:inline-block;top:6px;left:10px;width:28px;height:28px;border-radius:8px}.gbl-attr-terms .thpladmin-colorpick{width:300px!important;height:40px;border:none;padding-left:55px;border-radius:10px}.th-custom-attr-color-td .thpladmin-colorpick{float:none;height:40px;padding-left:55px!important;border-radius:10px}.locl-attr-terms .thpladmin-colorpick{padding-left:45px!important;border-radius:10px}.gbl-attr-terms .tawcvs-term-image-thumbnail{float:left;margin-right:10px}.thpladmin_tooltip.thwvsf_checkbox_tooltip,.thwvsf-upload-image .thwvsf-term-image-thumbnail{float:none}.gbl-attr-terms .tawcvs-term-image-thumbnail img{border:1px solid #ddd}.gbl-attr-img .button{margin-right:10px;vertical-align:baseline}.select2-drop-mask{z-index:99999998!important}.select2-drop{z-index:99999999!important}.thpladmin_tooltip{float:right;display:inline;position:relative;font-size:12px;height:100%}.thpladmin_tooltip img{padding:0;vertical-align:middle;cursor:help;border:none;height:16px;width:16px}.thpladmin_tooltip:hover:after{background:#333;background:rgba(0,0,0,1);border-radius:5px;bottom:26px;color:#fff;content:attr(title);left:-100px;padding:10px 15px;position:absolute;z-index:9998;width:350px}.thpladmin_tooltip:hover:before{border:solid;border-color:#000 transparent;border-width:6px 6px 0;bottom:20px;content:"";left:50%;position:absolute;z-index:9999}.ui-dialog.thwvsf-popup{z-index:99999999}.supports-drag-drop{z-index:9999999999}.thwvsf-upload-image{height:75px}.thwvsf-tr-th{background-color:grey}.widefat tfoot tr th.thwvsf-th,.widefat thead tr th.thwvsf-th{color:#fff}.th-term-color-preview{display:block;height:20px;width:20px;padding:3px}#thwvs-product-attribute-settings .th-custom-attr-color-td{position:relative!important}#thwvs-product-attribute-settings .iris-picker{bottom:1px}.form-row .th-attr-select{height:35px}.thwvsadmin-wrapper{margin-top:15px;margin-left:15px}.thwvsadmin-tabs-wrapper{width:22%;float:left;background:0 0;color:#6d7277;text-align:left;margin-right:15px}.thwvsadmin-tab-panel-wrapper{width:70%;float:left;background:#fff;padding:30px}.thwvsadmin-tabs{margin:2px}li.thwvsadmin-tab{margin:0 0 6px}li.thwvsadmin-tab a{color:#333;text-decoration:none;line-height:initial;padding:18px 13px;box-sizing:border-box;width:100%;display:block;margin:0;background:#f2f5f7;border-radius:3px;transition:all .1s ease}li.thwvsadmin-tab .active{background:#2b7dbd;font-weight:600;color:#fff}li.thwvsadmin-tab .active:focus{outline:0;box-shadow:none}span.thwvsadmin-tab-label .dashicons{font-size:22px;margin-right:10px}span.thwvsadmin-tab-label{font-size:13px;line-height:23px}h3.thwvsadmin-tab-content{margin-top:0;padding-bottom:17px;border-bottom:1px solid #cecece;margin-bottom:25px}.thwvsadmin-tab-label span{color:#2b7dbd}.thwvsadmin-wrapper td.forminp{padding:10px 0}.thwvsadmin-wrapper .thpladmin-form-table input[type=text],.thwvsadmin-wrapper .thpladmin-form-table select{height:40px;box-sizing:border-box}.thwvsadmin-wrapper .thpladmin-colorpickpreview{padding:11px 20px 10px;border:1px solid #7e8993;border-top-left-radius:4px;border-bottom-left-radius:4px;box-sizing:border-box}.thwvs_layout_wrap label{margin-right:10px}.thwvs_layout_wrap label img{border-radius:8px}table#thwvs_product_fields{border:none;margin-top:20px}tr.thwvs-tr-th{background:#e7e7e7}#thwvs_product_fields th.add-attribute,#thwvs_product_fields th.save-buttons{background:#f1f1f1;border:none;padding-left:0!important}#thwvs_product_fields th.add-attribute a{float:right}#thwvs_product_fields th.add-attribute a:focus{outline:0;box-shadow:none}.thpladmin_fields_table .td_actions .dashicons{background-color:#2774ad;color:#fff;border:none;font-size:25px;width:30px;height:30px;line-height:30px}table#thwvs_product_fields tr:nth-child(odd) td{background:#f5f5f5}.ui-dialog.thwvs-form-pp{border:none!important;padding:0;border-radius:10px}.thwvs-form-pp .ui-dialog-titlebar{background:#23282e;color:#fff;line-height:36px;border-radius:0}.thwvs-form-pp .ui-dialog-titlebar-close{right:11px;border:none;color:#fff}button.thwvs-form-pp-close.ui-button{border:1px solid #2774ad;background:0 0;color:#2774ad;padding:2px 5px}button.thwvs-form-pp-update.ui-button{background:#2774ad;color:#fff;border:none;padding:2px 5px}.thwvs_popup_wrapper input[type=text],.thwvs_popup_wrapper select{height:40px;box-sizing:border-box;margin:5px 0}.thwvs_popup_wrapper .thpladmin-colorpickpreview{padding:11px 20px 10px;border:1px solid #7e8993;border-top-left-radius:4px;border-bottom-left-radius:4px;box-sizing:border-box}#custom_variations_inner{border-bottom:1px solid #eee}.wc-metaboxes-wrapper #custom_variations_inner .wc-metabox h3 .handlediv{visibility:visible}.wc-metaboxes-wrapper .wc-metabox.woocommerce_attribute h3.thwvsf-local-head{padding:15px!important;background:#f5f4f9;border-radius:10px}.wc-metaboxes-wrapper .wc-metabox table.thwvsf-custom-table{padding:0}.wc-metaboxes-wrapper .wc-metabox table.thwvsf-custom-table td{padding:8px 15px;vertical-align:middle}.wc-metaboxes-wrapper .wc-metabox table.thwvsf-custom-table .thwvsf-term-name td{padding:15px 0 0}h3.thwvsf-local-head:after{content:"\f543";font-family:Dashicons;text-align:center;line-height:1;color:#9b9b99;display:block;float:right;font-size:17px}h3.thwvsf-local-head.open:after{content:"\f460"}.thwvsf-local-body{display:none}.thwvsf-upload-image button{margin-top:6px!important}.thwvsf-remove-button button img,.thwvsf-upload-image button img{margin-top:7px}.thwvsf-upload-image button.button,.thwvsf-upload-image button.button:focus,.thwvsf-upload-image button.button:hover{background:0 0;border:none}.thwvsf-remove-button,.thwvsf-upload-button{width:32px;height:32px}.thwvsf-popup .ui-dialog-titlebar-close{text-indent:999999px}.thwvsf-popup .ui-dialog-buttonpane button{color:#0071a1;background:#f3f5f6;vertical-align:top;height:auto;padding:.4em 1em;border:1px solid #0071a1}.wc-metaboxes-wrapper .wc-metabox .thwvsf-local-body-table{padding:0 15px}.wc-metaboxes-wrapper .wc-metabox table.thwvsf-custom-table .thwvsf-local-body tr:first-child td{padding-top:23px}.product_page_th_product_variation_swatches_for_woocommerce{background:#F5F9FB}.product_page_th_product_variation_swatches_for_woocommerce.thwvs-body-deactive{overflow:hidden}.settings-heading.th-swatches{text-align:center;font-weight:200;font-size:30px}.nav-tab-wrapper.thwvs-tab-wrapper{background-color:#fff;border:none;margin-left:-20px}.thwvs-nav-tab .nav-tab{margin-left:0;margin-right:20px}.thwvs-tab-wrapper .nav-tab.nav-tab-active{color:#0086FF;border-bottom:2px solid #0086FF;position:relative}.thwvs-tab-wrapper .nav-tab{border:none;background-color:#fff;padding:10px 25px;font-size:14px;color:#A3A3A3;font-weight:200}.thwvs-tab-wrapper .nav-tab.nav-tab-active:after{font-family:dashicons;content:"\f140";position:absolute;top:55%;left:41%;font-size:30px}.thwvs-design-templates{width:100%;height:100%}.thwvs-design-templates .th-template-description{padding:10px 30px 0 15px}.thwvs-design-templates .th-template-description p{background-color:#EDF2F4;padding:15px 20px;font-size:12px;font-weight:200;color:#888;border-radius:10px;line-height:20px}.thwvs-design-templates.thwvs-template-popup.pop-active{position:fixed;background-color:rgba(17,30,60,.6);top:0;left:0;z-index:9999;overflow:scroll;transition:opacity 250ms ease-in-out}.thwvs-design-templates .thwvs-template-preview-wrapper{padding:10px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box{float:left;width:17%;height:110px;margin-right:28px;margin-bottom:26px;display:block;background-color:#fff;border-radius:20px;margin-top:20px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-template-name{width:100%;padding:30px 16px;box-sizing:border-box;float:left}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-dot-element{width:10px;display:inline-block;vertical-align:middle}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-label{vertical-align:middle;font-size:12px;font-weight:400;margin-left:5px;color:#000;width:70%;display:-webkit-inline-box;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;-webkit-box-orient:vertical}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-edit-element{float:right;margin-top:11px;box-sizing:border-box;border-radius:10px;background-color:#E7E7E7;vertical-align:middle;display:inline-block;width:30px;height:30px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-edit-element .icon.icon-edit{-webkit-mask:url(../images/edit.svg) no-repeat}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-edit-element .icon{display:inline-block;width:20px;height:20px;background:#888;-webkit-mask-size:cover;margin-top:4px;margin-left:5px;cursor:pointer}.thwvs-design-templates .popup-wrapper{position:fixed;top:0;right:0;width:62%;display:none;height:100%;background:#fff;z-index:999;transform:translateX(100%);-webkit-transform:translateX(100%)}.thwvs-design-templates .popup-wrapper.popup-attribute{width:50%}#thwvs_attribute_form,.thwvs-design-templates #thwvs_design_form,.thwvs-design-templates .popup-body,.thwvs-design-templates .popup-container,.thwvs-design-templates .popup-content,.thwvs-design-templates .thwvsadmin-popup{height:100%}.thwvsadmin-popup .popup-container .form-pp-content{width:100%;height:100%;max-height:100%;min-height:560px;background:#E9EFF2;position:relative}.thwvsadmin-popup .popup-container .form-pp-content.pp-attr-content{position:fixed;overflow:scroll;height:calc(100% - 90px)}.thwvsadmin-popup .pp-content aside{padding:5px 0;width:38%;background:#fff;position:absolute;height:100%;border-right:1px solid #eee}.thwvsadmin-popup .pp-content main{left:38%;right:0;position:absolute;bottom:80px;top:0;overflow:auto;width:62%;height:100%;background-color:#E9EFF2}.thwvsadmin-popup .popup-container .pp-close{color:#58666e;font-size:29px;padding:50px 25px 20px;right:8px;top:12px;line-height:20px;cursor:pointer;z-index:10;user-select:none;height:25px;width:25px}.thwvsadmin-popup .pp-content aside side-title{font-size:20px;font-weight:700;display:block;margin-bottom:16px;color:#000}.thwvsadmin-popup .pp-content aside p,.thwvsadmin-popup .pp-content aside side-title{padding:0 24px}.thwvsadmin-popup .pp-content aside ul{margin:30px 0;padding:0}.thwvsadmin-popup .pp-content aside li{cursor:pointer;list-style:none;padding:5px 20px;margin:4px 0;color:var(--primary-text-color);position:relative}.thwvsadmin-popup .pp-content aside li.active .pp-tab-link{height:35px;border-radius:0 50px 50px 0;background:#0086FF;color:#fff}.thwvsadmin-popup .pp-content aside li.pp-nav-tab .pp-tab-link{padding:15px}.thwvsadmin-popup .pp-content aside li.pp-nav-tab .tab-icon-element{display:inline-block;border-radius:10px;width:35px;height:35px}.thwvsadmin-popup .pp-content aside li.pp-nav-tab.active span.tab-text{color:#FFF}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-text{display:inline-block;vertical-align:middle;margin-left:5px;color:#000;font-size:14px;font-weight:400}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon{display:inline-block;width:22px;height:22px;background:#0086FF;-webkit-mask-size:cover;margin-top:6px;margin-left:6px;cursor:pointer;vertical-align:middle;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.thwvsadmin-popup .pp-content aside li.pp-nav-tab.active span.tab-icon{background:#FFF}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon.icon-common{-webkit-mask:url(../images/common-attribute.svg)}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon.icon-border{-webkit-mask:url(../images/hover-border.svg)}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon.icon-tooltip{-webkit-mask:url(../images/tooltip.svg)}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon.icon-specific{-webkit-mask:url(../images/swatches-type.svg)}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon.icon-additional{-webkit-mask:url(../images/aditional-settings.svg)}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon.icon-description{-webkit-mask:url(../images/attribute-description.svg)}.thwvsadmin-popup .btn-toolbar{padding:30px;font-size:16px;font-weight:200}.thwvsadmin-popup .btn-primary-alt.save-btn{background-color:#0086FF;border:none;color:#FFF}.thwvsadmin-popup .btn-primary-alt{width:100px;height:40px;border-radius:20px;margin-right:15px;cursor:pointer;outline:0}.thwvsadmin-popup .btn-primary-alt.reset-btn{background-color:#fff;border:1px solid #0086FF;color:#0086FF}.thwvsadmin-popup .pp-content aside li.pp-nav-tab .thwvs-active-element{width:15px;position:absolute;right:28px;top:48%;transform:translateY(-50%)}.popup-wrapper.selected{animation:slide-in .5s forwards;-webkit-animation:slide-in .5s forwards}.popup-wrapper.dismiss{animation:slide-out .5s forwards;-webkit-animation:slide-out .5s forwards}@keyframes slide-in{0%{-webkit-transform:translateX(100%)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slide-out{0%{transform:translateX(0)}100%{transform:translateX(100%)}}@-webkit-keyframes slide-out{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(100%)}}.thwvsadmin-popup .pp-content main .data-panel{padding:55px 30px}.thwvs-pp-table .thpladmin-form-section-title,.thwvsadmin-popup .pp-content main-title{font-weight:400;margin-bottom:12px;font-size:16px;color:#000}.thwvsadmin-popup .pp-content .data-panel-content{margin-top:30px;padding-bottom:90px}.thwvs-pp-table .titledesc{font-size:14px;font-weight:400;color:#000}.thwvs-pp-table td{padding:5px 0}.thwvs-pp-table input[type=number],.thwvs-pp-table input[type=text],.thwvs-pp-table select,.thwvs-pp-table textarea{color:#32373c;line-height:1;min-height:30px;height:45px;width:auto;background-color:#fff;border:1px solid #e2e2e2;overflow:hidden;font-size:14px;padding:0 12px;box-shadow:0 0 0 transparent;border-radius:10px}.thwvs-pp-table .forminp.inp-color{position:relative}.thwvs-pp-table .forminp.inp-color .thpladmin-colorpick{padding-left:45px}.thwvs-pp-table .thwvs-admin-colorpickpreview{position:absolute;vertical-align:middle;background-position:-80px 0;border:1px solid #ccc;cursor:text;padding:0;margin:0;display:inline-block;top:12px;left:10px;width:28px;height:28px;border-radius:8px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.design-active{box-shadow:3px 40px 31px -25px rgb(0 0 0 / 45%)}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.design-active .thwvs-edit-element{background-color:#0086FF}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.design-active .thwvs-edit-element .icon{background:#FFF}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box:hover{box-shadow:3px 15px 31px -25px rgb(0 0 0 / 62%);transition:all .25s ease}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-edit-element:hover{background-color:#0086FF}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-edit-element .icon:hover,.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-edit-element:hover .icon{background:#FFF}#thwvsf_global_settings{margin:50px;background-color:#E9EFF2;padding:50px;border-radius:20px}.thwvsadmin-slider-label{cursor:pointer;text-indent:-9999px;width:55px;height:25px;background:#fff;display:block;border-radius:100px;position:relative}.thwvs-checkbox{height:0;width:0;visibility:hidden;border:0;box-shadow:none;position:absolute}.thwvsadmin-slider-label:after{content:'';position:absolute;top:3px;left:5px;width:20px;height:20px;background:#e7e7e7;border-radius:50%;transition:.1s}.thwvs-checkbox:checked+label{background:#0086ff}.thwvs-checkbox:checked+label:after{left:calc(100% - 5px);transform:translateX(-100%);background:#fff}.global-data-content main-title{font-weight:400;margin-bottom:12px;font-size:16px;color:#000}.thwvs-settings-table.thwvs-pp-table{margin-top:20px}.thwvsf_settings .btn-toolbar{padding-top:25px;font-size:16px;font-weight:200}.thwvsf_settings .btn-primary-alt.save-btn{background-color:#0086FF;border:none;color:#FFF}.thwvsf_settings .btn-primary-alt{width:100px;height:40px;border-radius:20px;margin-right:15px;cursor:pointer;outline:0}.thwvsf_settings .btn-primary-alt.reset-btn{background-color:#fff;border:1px solid #0086FF;color:#0086FF}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-attr-box .attr-type-label{margin-top:0;margin-bottom:0;vertical-align:middle;font-size:12px;font-weight:400;margin-left:22px;color:#888}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-attr-box .thwvs-design-name{display:inline-block;vertical-align:middle;font-size:12px;font-weight:400;color:#8E97A5;width:100%;margin-top:0;height:40px;text-align:center;border-radius:0 0 20px 20px;background-color:#E9EDF8;line-height:40px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-attr-box{border-radius:20px 20px 0 0;margin-bottom:35px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-attr-box .thwvs-template-name{padding-bottom:15px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-add-attribute-box{background-color:#F3F9FF;border:1px dashed #0086FF;cursor:pointer;height:145px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-add-attribute-box .thwvs-add-design-name p{color:#888;font-weight:400;font-size:12px}.thwvs-template-box.thwvs-add-attribute-box .thwvs-add-design-name .thwvs-manage-attribute{display:inline-block;padding:.75em 1em;background-color:#007AFF;border-radius:5px;text-align:center;text-decoration:none;color:#fff}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-add-element{width:19px;display:inline-block;vertical-align:middle}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-add-new-label{align-content:center;text-align:center;color:#2185f6;display:inline-block;vertical-align:middle;margin-left:5px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-add-attribute-box .thwvs-add-design-name{text-align:center}.thwvsadmin-popup .footer.thwvs-attr-actions{bottom:0;background-color:#eff4f6;padding:25px 20px;font-size:20px;position:fixed;width:100%;right:0;box-sizing:border-box}.popup-attribute .attr-label{padding:0 30px;font-weight:700;font-size:18px;margin:0}.popup-attribute .form-container.form-edit-attr{padding:5px 30px}.terms-label{font-weight:400;color:#000;font-size:16px}.th-wrap-pro{margin:10px 20px 0 2px;padding-left:13px}.th-nice-box{border:1px solid #c3c4c7;box-shadow:0 2px 2px rgb(0 0 0 / 4%),0 4px 4px rgb(0 0 0 / 4%),0 8px 8px rgb(0 0 0 / 4%),0 16px 16px rgb(0 0 0 / 4%);background:#fff;margin:1.5rem 0 .75rem;padding:2rem}ul.feature-list.additional-feat li:before,ul.feature-list.star-list li .th-feat-head:before{display:inline-block;-webkit-font-smoothing:antialiased;margin-right:10px;word-wrap:break-word;font-family:dashicons;font-weight:700}@media only screen and (min-width:45em){ul.feature-list{-moz-column-count:2;column-count:2}}:before{box-sizing:border-box}ul.feature-list.additional-feat li:before{content:"\f147";color:#2271b1}ul.feature-list.star-list li .th-feat-head:before{content:"\f155";color:#f90}ul.feature-list.star-list li .th-feat-head{font-size:16px;font-weight:400}ul.feature-list.star-list li .th-feat-desc{margin-left:30px;margin-top:15px;margin-bottom:15px}.thpladmin-notice .logo{float:right}.th_quick_widget{position:relative;display:none;height:405px;width:278px;background:#FFF;box-shadow:0 0 12px 1px rgb(0 0 0 / 8%);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.th_quick_widget-float{position:fixed;right:50px;z-index:99999;bottom:31px}.th_quick_wbody,.th_quick_widget_body ul,.th_whead,.th_whead_close_btn,.th_whead_icon,.th_whead_t1,.th_whead_t2{position:relative}.th_whead{width:278px;height:140.5px;z-index:0;background:linear-gradient(270deg,#845DE2 0,#6E55FF 100%);border-top-right-radius:10px;border-top-left-radius:10px}.th_whead_close_btn{width:15px;height:15px;left:255px;top:10px;display:flex;align-items:center;justify-content:center;background:rgba(31,32,35,.2);border-radius:4px}.th_whead_close_btn:hover{cursor:pointer}.th_whead_close_btn i{border:1px solid red;width:10px;height:10px;color:#fff}.th_quick_widget_body li,.th_whead_icon{background:#FFF;border-radius:10px;display:flex}.th_whead_icon{width:36px;height:36px;left:20px;top:3px;justify-content:center;align-items:center}.th_whead_t1,.th_whead_t2{width:250px;height:19px;left:20px;font-style:normal}.th_quick_widget_heading{padding:2px}.th_whead_t1{top:1px;font-weight:300;font-size:14px;line-height:19px;color:#FFF}.th_quick_widget_heading p{margin:1em 0 1.41575em;line-height:.2}.th_whead_t2{top:3px;margin-top:9px;font-family:'Open Sans';font-weight:300;font-size:10px;line-height:19px;color:#FFF}.th_quick_widget_body ul{top:-29px;left:8px;margin:0}.th_quick_widget_body li{align-items:center;width:240px;height:43px;top:540px;box-shadow:0 0 6px 3px rgba(0,0,0,.05);list-style:none;margin:10px}.icon-a,.icon-b,.list_icon{justify-content:center}.list_icon,.wbtnicon{height:25px;left:29px}.th_quick_widget_body a{text-decoration:none;color:#10144C}.th_quick_widget_body a:hover{color:#D34156}.th_quick_widget_body a:focus{outline:0}.list_icon{display:flex;align-items:center;width:25px;top:-1.7px;background:#FDEEFF;border-radius:8px;margin:15px}.wbutton{width:240px;height:43px;top:540px;margin:5px 19px;border:1px solid #fff;background:#FFF;box-shadow:0 0 6px 3px rgba(0,0,0,.05);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.wbutton:first-child{z-index:1;margin-top:-12px}.wbtnicon{display:block;position:absolute;width:25px;top:-1.7px;background:#FDEEFF;border-radius:8px}.icon-a,.icon-b,.icon-c,.icon-d{display:flex}.icon-a{align-items:center}.icon-b{align-items:center;top:50px;background:#E4EFFF}.icon-c{justify-content:center;align-items:center;top:100px;background:#FFF5EB}.icon-d{justify-content:center;align-items:center;top:155px;background:#EEF0FF}.icon-e,.thwvsf-pro-claim-offer{justify-content:center;display:flex}.icon-e{align-items:center;top:210px;background:#FDEEFF}.wbtntitle{position:relative;width:190px;height:18px;left:45px;text-align:left;font-family:'Open Sans';font-style:normal;font-weight:400;font-size:13px;line-height:18px;color:#10144C}.widget-popup{width:60px;height:60px;background:#6E55FF;border-radius:40px;margin-top:12px;float:right;margin-left:20px}#th_quick_border_animation{position:absolute;width:60px;height:59.5px;border-radius:35px;animation:pulse 1.2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(2);box-shadow:0 0 0 0 transparent}}.widget-popup-icon{margin-top:17px;margin-left:15px;width:25px;height:28px;transform:rotate(45deg)}.widget-popup-icon:hover{cursor:pointer}#woocommerce-product-data ul.wc-tabs li.thwvs_swatches_settings_options a::before{content:url(../images/th-logo.svg)}#woocommerce-product-data ul.wc-tabs li.thwvs_swatches_settings_options a{color:#6E55FF}#woocommerce-product-data ul.wc-tabs li.thwvs_swatches_settings_options.active a{color:#686868}#woocommerce-product-data ul.wc-tabs li.thwvs_swatches_settings_options.active a::before{content:url(../images/act-th-logo.svg)}#col-container.th-attr-container{position:relative}.th-attr-container .form-wrap h2{margin-top:35px}.th-swatch-option-link{display:inline-block;padding:.75em 1em;background-color:#006DB7;border-radius:5px;text-align:center;text-decoration:none;transition:background-color .2s}.th-attr-container .th-swatch-option-link{position:absolute;top:-12px}.th-swatch-option-link a{text-decoration:none;font-size:12px;font-weight:600;color:#fff}.thwvsf-pro-offer{background:url(../images/popup-flyers.png),linear-gradient(90deg,#4410d8 5%,#4e10d8 18%,#6911d8 40%,#9611d9 69%,#cc12d9 100%);width:100%;height:212px;border-top-left-radius:20px;border-top-right-radius:20px;background-repeat:no-repeat}.thwvsf-pro-discount-popup{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;z-index:9999;align-items:center;justify-content:center;top:0;right:0}.thwvsf-discount-close-btn{background:0 0;cursor:pointer;border:none}a.thwvsf-discount-close-btn:focus{box-shadow:none}.thwvsf-discount-popup-wrapper{position:relative;width:500px;height:400px;background:#fff;border-radius:20px}.thwvsf-discount-popup-close{justify-content:right;display:flex;padding-right:.5rem;padding-top:.5rem}.thwvsf-discount-desc{margin:-.5rem}.thwvsf-discount-desc-first,.thwvsf-discount-desc-last{font-style:normal;font-weight:500;font-size:16px;line-height:23.83px;text-align:center;color:#FFF}.thwvsf-discount-exp-date{font-style:normal;font-size:15px;line-height:26.31px;text-align:center;color:#000;background:#fff;margin:0 8rem;width:50%;border-radius:3px}.thwvsf-discount-desc-middle{font-style:normal;font-weight:700;font-size:50px;line-height:80.34px;text-align:center;color:#FFF;margin:-2rem}.thwvsf-pro-offer-para{font-style:normal;font-weight:400;font-size:13px;line-height:175.43%;text-align:center;color:#000;width:398px}.thwvsf-pro-claim-offer{flex-direction:column;align-items:center;padding:1rem}.claim-discount-btn-div{width:100%;justify-content:center;display:flex;align-items:center}.claim-discount-btn{background:#6e55ff;width:168px;border-radius:5px;font-style:normal;font-weight:600;font-size:14px;line-height:166.5%;text-align:center;color:#fff;height:42px;align-items:center;display:flex;justify-content:center}
+.align-center{text-align:center!important}.woocommerce-message{margin-top:10px}.err_msgs{color:red}.empty-msg-row{padding:20px 0!important;text-align:center}.nav-tab:focus{box-shadow:none}.nav-tab-wrapper .nav-tab{border:none;outline:0;background:#f1f1f1}.nav-tab-wrapper .nav-tab.nav-tab-active{border-bottom:2px solid #2b7dbd}.thwvs-settings-table.thpladmin-form-table{margin-top:30px}:root{--primary-bg-color:#007cba}.status-active{font-size:15px;color:green}.status-deactive{font-size:15px;color:red}.thpladmin-subtitle{font-size:11px;color:#666}.thpladmin-notice a.button-primary{font-size:14px;color:#FFF;background-color:#D9534F;border-color:#D43F3A;line-height:38px;height:40px;padding-left:20px;padding-right:20px}.thpladmin-notice a.button-primary:hover{background-color:#D2322D;border-color:#AC2925}.thwvsf-image-wrapper{position:relative}.thwvsf-dismiss-button{right:0;position:absolute}.notice.thwvs-msg{padding:5px 25px 5px 0;margin:5px 15px 2px;border-radius:10px;border:1px solid;border-left-width:10px}.notice.thwvs-msg p{margin-left:15px;font-style:normal;font-weight:400;font-size:14px;line-height:16px}.updated.notice.thwvs-msg{background:#F3FAEF;border-color:#79B05E}.updated.notice.thwvs-msg p{color:#246D00}.error.notice.thwvs-msg{background:#FFF1F0;border-color:#E14046}.error.notice.thwvs-msg p{color:#E14046}.thpl_logic_label,.thpl_logic_link{cursor:default;display:block;float:left;border:1px solid gray;padding:0 5px;margin-left:5px;margin-right:15px;border-radius:3px}.thpl_logic_link{cursor:pointer;text-decoration:none;color:#FFF!important;background-color:#00A0D2;border:1px solid #0073AA}a.thpl_delete_icon{float:left;width:20px;height:20px;margin-left:5px;display:block;background:url(delete.png) 0 50% no-repeat}a.thpl_delete_icon:hover{opacity:.6;filter:alpha(opacity=60)}.thpladmin-license-settings .info-text,.thpladmin-license-settings-grid{margin-top:30px}.thpladmin-license-settings-grid .dashicons{margin-left:3px;margin-top:8px}.thpladmin-license-settings-grid input[type=text]{padding:5px;width:300px}.thpladmin-license-settings-grid p.submit{margin-top:20px}.thpladmin-license-settings-grid table{margin-top:10px}.thpladmin-license-settings-grid table td,.thpladmin-license-settings-grid table th{padding:5px 0;font-weight:400;vertical-align:middle}.thpladmin-license-settings-grid h2{font-size:14px;margin-bottom:9px;padding-bottom:5px;vertical-align:middle;font-weight:700;border-bottom:1px dashed #cecece}.thpladmin-dynamic-row-table .action-cell{width:30px;text-align:center}.thpladmin-dynamic-row-table .action-cell a.btn{background-color:#00A0D2;border:1px solid #0073AA;color:#FFF;padding:2px 5px;border-radius:3px;font-size:12px;text-decoration:none}.thpladmin-dynamic-row-table .action-cell a.btn-blue{background-color:#00A0D2;border:1px solid #0073AA}.thpladmin-dynamic-row-table .action-cell a.btn-red{background-color:#f66;border:1px solid #ff4c4c}.thpladmin-dynamic-row-table .action-cell a.dashicons{line-height:inherit;font-size:18px;color:#fff;border-radius:3px;box-shadow:0 1px 0 #ccc}.thpladmin-dynamic-row-table .action-cell a.dashicons-plus{background-color:#00A0D2;border:1px solid #0073AA}.thpladmin-dynamic-row-table .action-cell a.dashicons-no-alt{background-color:#f66;border:1px solid #ff4c4c}table.thpladmin-dynamic-row-table td.sort{padding:0;cursor:move;font-size:20px;text-align:center;vertical-align:middle}table.thpladmin-dynamic-row-table td.sort::before{content:'\f333';font-family:Dashicons;text-align:center;line-height:1;color:#999;display:block;width:17px;float:left;height:100%}.thpladmin-tab{width:100%;border:0 solid #d4d4d1;border-top:0;background-color:#fff;float:left}.thpladmin-tabs-menu{width:100%;margin:10px 0 0;float:left;clear:both;border-bottom:1px solid #d3d3d3}.thpladmin-tabs-menu li{float:left;margin-right:5px;margin-bottom:-1px;border:1px solid #d3d3d3;outline:transparent solid 1px;border-radius:4px 4px 0 0;background:#e6e6e6}.thpladmin-tabs-menu li.current{color:#555;position:relative;background-color:#fff;border-bottom:1px solid #fff;box-shadow:none}.thpladmin-tabs-menu li.first{margin-left:20px}.thpladmin-tabs-menu li a{font-size:18px;display:block;padding:12px 20px;text-decoration:none;color:#bbb;-webkit-transition:color .2s;transition:color .2s}.thpladmin-tabs-menu li a:focus{outline:0;box-shadow:none}.thpladmin-tabs-menu .current a{color:#2e7da3}.thpladmin-tab-content{padding:0;display:none;min-height:200px;max-height:400px;color:#000}.thpladmin-sections{list-style:none;margin:8px 0 0;padding:0;font-size:13px;color:#666}.thpladmin-sections li{display:inline-block;margin:0;padding:0;white-space:nowrap}.thpladmin-sections a.current{font-weight:600;border:none;color:#000}.thpladmin-sections a{line-height:2;padding:.2em;text-decoration:none}.thpladmin-sections .delete_section img,.thpladmin-sections a.edit_section img{width:12px;height:12px}.thpladmin-sections a.add_link{margin-left:30px;background-color:#00A0D2;border:1px solid #0073AA;color:#FFF;padding:2px 5px;border-radius:3px}.thpladmin-sections a.add_link:hover{background-color:#0073AA}.thpladmin-form-table td{padding:5px 0}.thpladmin-form-table td.thpladmin-form-section-title{font-weight:700;border-bottom:1px dashed #cecece}.thpladmin_fields_table tr.strikeout td{background:rgba(255,0,0,.4)!important;opacity:.6;text-decoration:line-through}.thpladmin_fields_table tr.thpladmin-disabled td{opacity:.4}.thpladmin_fields_table tr.thpladmin-disabled td.td_select{opacity:1}.thpladmin_fields_table .td_actions{width:70px}.thpladmin_fields_table .td_enabled{width:50px}.thpladmin_fields_table .td_clear{width:65px}.thpladmin_fields_table .td_required{width:60px}.thpladmin_fields_table .td_select{width:23px}.thpladmin_fields_table th.status{white-space:nowrap}.thpladmin_fields_table .dashicons{line-height:inherit}.thpladmin_fields_table .td_actions .dashicons{border-radius:3px;padding:0 2px 2px;box-shadow:0 1px 0 #ccc;webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.thpladmin_fields_table .td_actions .dashicons.disabled{color:#ccc;border:1px solid #e9e9e9;cursor:default}.thpladmin-sections .dashicons,.thpladmin_fields_table .td_actions .dashicons-admin-page,.thpladmin_fields_table .td_actions .dashicons-edit{cursor:pointer}.thpladmin-sections .dashicons-no{color:#ff4c4c}.thwvsf-attribte-dialog{margin:20px}.thwvsf-attribte-dialog td{padding:5px 10px}.iris-picker{z-index:100;display:none;position:absolute!important;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.2)}.iris-picker .ui-slider{border:0!important;margin:0!important;width:auto!important;height:auto!important;background:0 0!important}.iris-picker .ui-slider .ui-slider-handle{margin-bottom:0!important}.thwvsf_settings_fields_form.thwvs-col-div{position:relative}.thpladmin-colorpickpreview{padding:5px 6px 6px 20px;border:1px solid #7e8993;border-top-left-radius:5px;border-bottom-left-radius:5px}.thpladmin-form-table input[type=text],.thpladmin-form-table select{min-height:30px;padding:0 8px;line-height:2}.gbl-attr-terms-new{margin-bottom:20px}.gbl-attr-terms .thpladmin-colorpickpreview,.locl-attr-terms .thpladmin-colorpickpreview,.th-custom-attr-color-td .thpladmin-colorpickpreview{background-color:#f1f3f1;position:absolute;vertical-align:middle;background-position:-80px 0;border:1px solid #ccc;cursor:text;padding:0;margin:0;display:inline-block;top:6px;left:10px;width:28px;height:28px;border-radius:8px}.gbl-attr-terms .thpladmin-colorpick{width:300px!important;height:40px;border:none;padding-left:55px;border-radius:10px}.th-custom-attr-color-td .thpladmin-colorpick{float:none;height:40px;padding-left:55px!important;border-radius:10px}.locl-attr-terms .thpladmin-colorpick{padding-left:45px!important;border-radius:10px}.gbl-attr-terms .tawcvs-term-image-thumbnail{float:left;margin-right:10px}.thpladmin_tooltip.thwvsf_checkbox_tooltip,.thwvsf-upload-image .thwvsf-term-image-thumbnail{float:none}.gbl-attr-terms .tawcvs-term-image-thumbnail img{border:1px solid #ddd}.gbl-attr-img .button{margin-right:10px;vertical-align:baseline}.select2-drop-mask{z-index:99999998!important}.select2-drop{z-index:99999999!important}.thpladmin_tooltip{float:right;display:inline;position:relative;font-size:12px;height:100%}.thpladmin_tooltip img{padding:0;vertical-align:middle;cursor:help;border:none;height:16px;width:16px}.thpladmin_tooltip:hover:after{background:#333;background:rgba(0,0,0,1);border-radius:5px;bottom:26px;color:#fff;content:attr(title);left:-100px;padding:10px 15px;position:absolute;z-index:9998;width:350px}.thpladmin_tooltip:hover:before{border:solid;border-color:#000 transparent;border-width:6px 6px 0;bottom:20px;content:"";left:50%;position:absolute;z-index:9999}.ui-dialog.thwvsf-popup{z-index:99999999}.supports-drag-drop{z-index:9999999999}.thwvsf-upload-image{height:75px}.thwvsf-tr-th{background-color:grey}.widefat tfoot tr th.thwvsf-th,.widefat thead tr th.thwvsf-th{color:#fff}.th-term-color-preview{display:block;height:20px;width:20px;padding:3px}#thwvs-product-attribute-settings .th-custom-attr-color-td{position:relative!important}#thwvs-product-attribute-settings .iris-picker{bottom:1px}.form-row .th-attr-select{height:35px}.thwvsadmin-wrapper{margin-top:15px;margin-left:15px}.thwvsadmin-tabs-wrapper{width:22%;float:left;background:0 0;color:#6d7277;text-align:left;margin-right:15px}.thwvsadmin-tab-panel-wrapper{width:70%;float:left;background:#fff;padding:30px}.thwvsadmin-tabs{margin:2px}li.thwvsadmin-tab{margin:0 0 6px}li.thwvsadmin-tab a{color:#333;text-decoration:none;line-height:initial;padding:18px 13px;box-sizing:border-box;width:100%;display:block;margin:0;background:#f2f5f7;border-radius:3px;transition:all .1s ease}li.thwvsadmin-tab .active{background:#2b7dbd;font-weight:600;color:#fff}li.thwvsadmin-tab .active:focus{outline:0;box-shadow:none}span.thwvsadmin-tab-label .dashicons{font-size:22px;margin-right:10px}span.thwvsadmin-tab-label{font-size:13px;line-height:23px}h3.thwvsadmin-tab-content{margin-top:0;padding-bottom:17px;border-bottom:1px solid #cecece;margin-bottom:25px}.thwvsadmin-tab-label span{color:#2b7dbd}.thwvsadmin-wrapper td.forminp{padding:10px 0}.thwvsadmin-wrapper .thpladmin-form-table input[type=text],.thwvsadmin-wrapper .thpladmin-form-table select{height:40px;box-sizing:border-box}.thwvsadmin-wrapper .thpladmin-colorpickpreview{padding:11px 20px 10px;border:1px solid #7e8993;border-top-left-radius:4px;border-bottom-left-radius:4px;box-sizing:border-box}.thwvs_layout_wrap label{margin-right:10px}.thwvs_layout_wrap label img{border-radius:8px}table#thwvs_product_fields{border:none;margin-top:20px}tr.thwvs-tr-th{background:#e7e7e7}#thwvs_product_fields th.add-attribute,#thwvs_product_fields th.save-buttons{background:#f1f1f1;border:none;padding-left:0!important}#thwvs_product_fields th.add-attribute a{float:right}#thwvs_product_fields th.add-attribute a:focus{outline:0;box-shadow:none}.thpladmin_fields_table .td_actions .dashicons{background-color:#2774ad;color:#fff;border:none;font-size:25px;width:30px;height:30px;line-height:30px}table#thwvs_product_fields tr:nth-child(odd) td{background:#f5f5f5}.ui-dialog.thwvs-form-pp{border:none!important;padding:0;border-radius:10px}.thwvs-form-pp .ui-dialog-titlebar{background:#23282e;color:#fff;line-height:36px;border-radius:0}.thwvs-form-pp .ui-dialog-titlebar-close{right:11px;border:none;color:#fff}button.thwvs-form-pp-close.ui-button{border:1px solid #2774ad;background:0 0;color:#2774ad;padding:2px 5px}button.thwvs-form-pp-update.ui-button{background:#2774ad;color:#fff;border:none;padding:2px 5px}.thwvs_popup_wrapper input[type=text],.thwvs_popup_wrapper select{height:40px;box-sizing:border-box;margin:5px 0}.thwvs_popup_wrapper .thpladmin-colorpickpreview{padding:11px 20px 10px;border:1px solid #7e8993;border-top-left-radius:4px;border-bottom-left-radius:4px;box-sizing:border-box}#custom_variations_inner{border-bottom:1px solid #eee}.wc-metaboxes-wrapper #custom_variations_inner .wc-metabox h3 .handlediv{visibility:visible}.wc-metaboxes-wrapper .wc-metabox.woocommerce_attribute h3.thwvsf-local-head{padding:15px!important;background:#f5f4f9;border-radius:10px}.wc-metaboxes-wrapper .wc-metabox table.thwvsf-custom-table{padding:0}.wc-metaboxes-wrapper .wc-metabox table.thwvsf-custom-table td{padding:8px 15px;vertical-align:middle}.wc-metaboxes-wrapper .wc-metabox table.thwvsf-custom-table .thwvsf-term-name td{padding:15px 0 0}h3.thwvsf-local-head:after{content:"\f543";font-family:Dashicons;text-align:center;line-height:1;color:#9b9b99;display:block;float:right;font-size:17px}h3.thwvsf-local-head.open:after{content:"\f460"}.thwvsf-local-body{display:none}.thwvsf-upload-image button{margin-top:6px!important}.thwvsf-remove-button button img,.thwvsf-upload-image button img{margin-top:7px}.thwvsf-upload-image button.button,.thwvsf-upload-image button.button:focus,.thwvsf-upload-image button.button:hover{background:0 0;border:none}.thwvsf-remove-button,.thwvsf-upload-button{width:32px;height:32px}.thwvsf-popup .ui-dialog-titlebar-close{text-indent:999999px}.thwvsf-popup .ui-dialog-buttonpane button{color:#0071a1;background:#f3f5f6;vertical-align:top;height:auto;padding:.4em 1em;border:1px solid #0071a1}.wc-metaboxes-wrapper .wc-metabox .thwvsf-local-body-table{padding:0 15px}.wc-metaboxes-wrapper .wc-metabox table.thwvsf-custom-table .thwvsf-local-body tr:first-child td{padding-top:23px}.product_page_th_product_variation_swatches_for_woocommerce{background:#F5F9FB}.product_page_th_product_variation_swatches_for_woocommerce.thwvs-body-deactive{overflow:hidden}.settings-heading.th-swatches{text-align:center;font-weight:200;font-size:30px}.nav-tab-wrapper.thwvs-tab-wrapper{background-color:#fff;border:none;margin-left:-20px}.thwvs-nav-tab .nav-tab{margin-left:0;margin-right:20px}.thwvs-tab-wrapper .nav-tab.nav-tab-active{color:#0086FF;border-bottom:2px solid #0086FF;position:relative}.thwvs-tab-wrapper .nav-tab{border:none;background-color:#fff;padding:10px 25px;font-size:14px;color:#A3A3A3;font-weight:200}.thwvs-tab-wrapper .nav-tab.nav-tab-active:after{font-family:dashicons;content:"\f140";position:absolute;top:55%;left:41%;font-size:30px}.thwvs-design-templates{width:100%;height:100%}.thwvs-design-templates .th-template-description{padding:10px 30px 0 15px}.thwvs-design-templates .th-template-description p{background-color:#EDF2F4;padding:15px 20px;font-size:12px;font-weight:200;color:#888;border-radius:10px;line-height:20px}.thwvs-design-templates.thwvs-template-popup.pop-active{position:fixed;background-color:rgba(17,30,60,.6);top:0;left:0;z-index:9999;overflow:scroll;transition:opacity 250ms ease-in-out}.thwvs-design-templates .thwvs-template-preview-wrapper{padding:10px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box{float:left;width:17%;height:110px;margin-right:28px;margin-bottom:26px;display:block;background-color:#fff;border-radius:20px;margin-top:20px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-template-name{width:100%;padding:30px 16px;box-sizing:border-box;float:left}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-dot-element{width:10px;display:inline-block;vertical-align:middle}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-label{vertical-align:middle;font-size:12px;font-weight:400;margin-left:5px;color:#000;width:70%;display:-webkit-inline-box;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;-webkit-box-orient:vertical}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-edit-element{float:right;margin-top:11px;box-sizing:border-box;border-radius:10px;background-color:#E7E7E7;vertical-align:middle;display:inline-block;width:30px;height:30px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-edit-element .icon.icon-edit{-webkit-mask:url(../images/edit.svg) no-repeat}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-edit-element .icon{display:inline-block;width:20px;height:20px;background:#888;-webkit-mask-size:cover;margin-top:4px;margin-left:5px;cursor:pointer}.thwvs-design-templates .popup-wrapper{position:fixed;top:0;right:0;width:62%;display:none;height:100%;background:#fff;z-index:999;transform:translateX(100%);-webkit-transform:translateX(100%)}.thwvs-design-templates .popup-wrapper.popup-attribute{width:50%}#thwvs_attribute_form,.thwvs-design-templates #thwvs_design_form,.thwvs-design-templates .popup-body,.thwvs-design-templates .popup-container,.thwvs-design-templates .popup-content,.thwvs-design-templates .thwvsadmin-popup{height:100%}.thwvsadmin-popup .popup-container .form-pp-content{width:100%;height:100%;max-height:100%;min-height:560px;background:#E9EFF2;position:relative}.thwvsadmin-popup .popup-container .form-pp-content.pp-attr-content{position:fixed;overflow:scroll;height:calc(100% - 90px)}.thwvsadmin-popup .pp-content aside{padding:5px 0;width:38%;background:#fff;position:absolute;height:100%;border-right:1px solid #eee}.thwvsadmin-popup .pp-content main{left:38%;right:0;position:absolute;bottom:80px;top:0;overflow:auto;width:62%;height:100%;background-color:#E9EFF2}.thwvsadmin-popup .popup-container .pp-close{color:#58666e;font-size:29px;padding:50px 25px 20px;right:8px;top:12px;line-height:20px;cursor:pointer;z-index:10;user-select:none;height:25px;width:25px}.thwvsadmin-popup .pp-content aside side-title{font-size:20px;font-weight:700;display:block;margin-bottom:16px;color:#000}.thwvsadmin-popup .pp-content aside p,.thwvsadmin-popup .pp-content aside side-title{padding:0 24px}.thwvsadmin-popup .pp-content aside ul{margin:30px 0;padding:0}.thwvsadmin-popup .pp-content aside li{cursor:pointer;list-style:none;padding:5px 20px;margin:4px 0;color:var(--primary-text-color);position:relative}.thwvsadmin-popup .pp-content aside li.active .pp-tab-link{height:35px;border-radius:0 50px 50px 0;background:#0086FF;color:#fff}.thwvsadmin-popup .pp-content aside li.pp-nav-tab .pp-tab-link{padding:15px}.thwvsadmin-popup .pp-content aside li.pp-nav-tab .tab-icon-element{display:inline-block;border-radius:10px;width:35px;height:35px}.thwvsadmin-popup .pp-content aside li.pp-nav-tab.active span.tab-text{color:#FFF}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-text{display:inline-block;vertical-align:middle;margin-left:5px;color:#000;font-size:14px;font-weight:400}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon{display:inline-block;width:22px;height:22px;background:#0086FF;-webkit-mask-size:cover;margin-top:6px;margin-left:6px;cursor:pointer;vertical-align:middle;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.thwvsadmin-popup .pp-content aside li.pp-nav-tab.active span.tab-icon{background:#FFF}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon.icon-common{-webkit-mask:url(../images/common-attribute.svg)}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon.icon-border{-webkit-mask:url(../images/hover-border.svg)}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon.icon-tooltip{-webkit-mask:url(../images/tooltip.svg)}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon.icon-specific{-webkit-mask:url(../images/swatches-type.svg)}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon.icon-additional{-webkit-mask:url(../images/aditional-settings.svg)}.thwvsadmin-popup .pp-content aside li.pp-nav-tab span.tab-icon.icon-description{-webkit-mask:url(../images/attribute-description.svg)}.thwvsadmin-popup .btn-toolbar{padding:30px;font-size:16px;font-weight:200}.thwvsadmin-popup .btn-primary-alt.save-btn{background-color:#0086FF;border:none;color:#FFF}.thwvsadmin-popup .btn-primary-alt{width:100px;height:40px;border-radius:20px;margin-right:15px;cursor:pointer;outline:0}.thwvsadmin-popup .btn-primary-alt.reset-btn{background-color:#fff;border:1px solid #0086FF;color:#0086FF}.thwvsadmin-popup .pp-content aside li.pp-nav-tab .thwvs-active-element{width:15px;position:absolute;right:28px;top:48%;transform:translateY(-50%)}.popup-wrapper.selected{animation:slide-in .5s forwards;-webkit-animation:slide-in .5s forwards}.popup-wrapper.dismiss{animation:slide-out .5s forwards;-webkit-animation:slide-out .5s forwards}@keyframes slide-in{0%{-webkit-transform:translateX(100%)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slide-out{0%{transform:translateX(0)}100%{transform:translateX(100%)}}@-webkit-keyframes slide-out{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(100%)}}.thwvsadmin-popup .pp-content main .data-panel{padding:55px 30px}.thwvs-pp-table .thpladmin-form-section-title,.thwvsadmin-popup .pp-content main-title{font-weight:400;margin-bottom:12px;font-size:16px;color:#000}.thwvsadmin-popup .pp-content .data-panel-content{margin-top:30px;padding-bottom:90px}.thwvs-pp-table .titledesc{font-size:14px;font-weight:400;color:#000}.thwvs-pp-table td{padding:5px 0}.thwvs-pp-table input[type=number],.thwvs-pp-table input[type=text],.thwvs-pp-table select,.thwvs-pp-table textarea{color:#32373c;line-height:1;min-height:30px;height:45px;width:auto;background-color:#fff;border:1px solid #e2e2e2;overflow:hidden;font-size:14px;padding:0 12px;box-shadow:0 0 0 transparent;border-radius:10px}.thwvs-pp-table .forminp.inp-color{position:relative}.thwvs-pp-table .forminp.inp-color .thpladmin-colorpick{padding-left:45px}.thwvs-pp-table .thwvs-admin-colorpickpreview{position:absolute;vertical-align:middle;background-position:-80px 0;border:1px solid #ccc;cursor:text;padding:0;margin:0;display:inline-block;top:12px;left:10px;width:28px;height:28px;border-radius:8px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.design-active{box-shadow:3px 40px 31px -25px rgb(0 0 0 / 45%)}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.design-active .thwvs-edit-element{background-color:#0086FF}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.design-active .thwvs-edit-element .icon{background:#FFF}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box:hover{box-shadow:3px 15px 31px -25px rgb(0 0 0 / 62%);transition:all .25s ease}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-edit-element:hover{background-color:#0086FF}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-edit-element .icon:hover,.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-edit-element:hover .icon{background:#FFF}#thwvsf_global_settings{margin:50px;background-color:#E9EFF2;padding:50px;border-radius:20px}.thwvsadmin-slider-label{cursor:pointer;text-indent:-9999px;width:55px;height:25px;background:#fff;display:block;border-radius:100px;position:relative}.thwvs-checkbox{height:0;width:0;visibility:hidden;border:0;box-shadow:none;position:absolute}.thwvsadmin-slider-label:after{content:'';position:absolute;top:3px;left:5px;width:20px;height:20px;background:#e7e7e7;border-radius:50%;transition:.1s}.thwvs-checkbox:checked+label{background:#0086ff}.thwvs-checkbox:checked+label:after{left:calc(100% - 5px);transform:translateX(-100%);background:#fff}.global-data-content main-title{font-weight:400;margin-bottom:12px;font-size:16px;color:#000}.thwvs-settings-table.thwvs-pp-table{margin-top:20px}.thwvsf_settings .btn-toolbar{padding-top:25px;font-size:16px;font-weight:200}.thwvsf_settings .btn-primary-alt.save-btn{background-color:#0086FF;border:none;color:#FFF}.thwvsf_settings .btn-primary-alt{width:100px;height:40px;border-radius:20px;margin-right:15px;cursor:pointer;outline:0}.thwvsf_settings .btn-primary-alt.reset-btn{background-color:#fff;border:1px solid #0086FF;color:#0086FF}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-attr-box .attr-type-label{margin-top:0;margin-bottom:0;vertical-align:middle;font-size:12px;font-weight:400;margin-left:22px;color:#888}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-attr-box .thwvs-design-name{display:inline-block;vertical-align:middle;font-size:12px;font-weight:400;color:#8E97A5;width:100%;margin-top:0;height:40px;text-align:center;border-radius:0 0 20px 20px;background-color:#E9EDF8;line-height:40px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-attr-box{border-radius:20px 20px 0 0;margin-bottom:35px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-attr-box .thwvs-template-name{padding-bottom:15px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-add-attribute-box{background-color:#F3F9FF;border:1px dashed #0086FF;cursor:pointer;height:145px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-add-attribute-box .thwvs-add-design-name p{color:#888;font-weight:400;font-size:12px}.thwvs-template-box.thwvs-add-attribute-box .thwvs-add-design-name .thwvs-manage-attribute{display:inline-block;padding:.75em 1em;background-color:#007AFF;border-radius:5px;text-align:center;text-decoration:none;color:#fff}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-add-element{width:19px;display:inline-block;vertical-align:middle}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box .thwvs-add-new-label{align-content:center;text-align:center;color:#2185f6;display:inline-block;vertical-align:middle;margin-left:5px}.thwvs-design-templates .thwvs-template-preview-wrapper .thwvs-template-box.thwvs-add-attribute-box .thwvs-add-design-name{text-align:center}.thwvsadmin-popup .footer.thwvs-attr-actions{bottom:0;background-color:#eff4f6;padding:25px 20px;font-size:20px;position:fixed;width:100%;right:0;box-sizing:border-box}.th_quick_widget,.th_quick_widget_body li,.th_whead_icon{background:#FFF;border-radius:10px}.popup-attribute .attr-label{padding:0 30px;font-weight:700;font-size:18px;margin:0}.popup-attribute .form-container.form-edit-attr{padding:5px 30px}.terms-label{font-weight:400;color:#000;font-size:16px}.th_quick_widget{position:relative;display:none;height:405px;width:278px;box-shadow:0 0 12px 1px rgb(0 0 0 / 8%);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.th_quick_widget-float{position:fixed;right:50px;z-index:99999;bottom:31px}.th_whead{position:relative;width:278px;height:140.5px;z-index:0;background:linear-gradient(270deg,#845DE2 0,#6E55FF 100%);border-top-right-radius:10px;border-top-left-radius:10px}.th_whead_close_btn{position:relative;width:15px;height:15px;left:255px;top:10px;display:flex;align-items:center;justify-content:center;background:rgba(31,32,35,.2);border-radius:4px}.th_whead_close_btn:hover{cursor:pointer}.th_whead_close_btn i{border:1px solid red;width:10px;height:10px;color:#fff}.th_whead_icon{position:relative;width:36px;height:36px;left:20px;top:3px;display:flex;justify-content:center;align-items:center}.th_whead_t1,.th_whead_t2{height:19px;position:relative;font-style:normal;left:20px}.th_quick_widget_heading{padding:2px}.th_whead_t1{width:250px;top:1px;font-weight:300;font-size:14px;line-height:19px;color:#FFF}.th_quick_widget_heading p{margin:1em 0 1.41575em;line-height:.2}.th_whead_t2{width:250px;top:3px;margin-top:9px;font-family:'Open Sans';font-weight:300;font-size:10px;line-height:19px;color:#FFF}.th_quick_wbody{position:relative}.th_quick_widget_body ul{position:relative;top:-29px;left:8px;margin:0}.th_quick_widget_body li{display:flex;align-items:center;width:240px;height:43px;top:540px;box-shadow:0 0 6px 3px rgba(0,0,0,.05);list-style:none;margin:10px}.icon-a,.list_icon{justify-content:center}.list_icon,.wbtnicon{height:25px;left:29px}.th_quick_widget_body a{text-decoration:none;color:#10144C}.th_quick_widget_body a:hover{color:#D34156}.th_quick_widget_body a:focus{outline:0}.list_icon{display:flex;align-items:center;width:25px;top:-1.7px;background:#FDEEFF;border-radius:8px;margin:15px}.wbutton{width:240px;height:43px;top:540px;margin:5px 19px;border:1px solid #fff;background:#FFF;box-shadow:0 0 6px 3px rgba(0,0,0,.05);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.wbutton:first-child{z-index:1;margin-top:-12px}.wbtnicon{display:block;position:absolute;width:25px;top:-1.7px;background:#FDEEFF;border-radius:8px}.icon-a,.icon-b,.icon-c,.icon-d{display:flex}.icon-a{align-items:center}.icon-b{justify-content:center;align-items:center;top:50px;background:#E4EFFF}.icon-c{justify-content:center;align-items:center;top:100px;background:#FFF5EB}.icon-d{justify-content:center;align-items:center;top:155px;background:#EEF0FF}.icon-e,.thwvsf-pro-claim-offer{justify-content:center;display:flex}.icon-e{align-items:center;top:210px;background:#FDEEFF}.wbtntitle{position:relative;width:190px;height:18px;left:45px;text-align:left;font-family:'Open Sans';font-style:normal;font-weight:400;font-size:13px;line-height:18px;color:#10144C}.widget-popup{width:60px;height:60px;background:#6E55FF;border-radius:40px;margin-top:12px;float:right;margin-left:20px}#th_quick_border_animation{position:absolute;width:60px;height:59.5px;border-radius:35px;animation:pulse 1.2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(2);box-shadow:0 0 0 0 transparent}}.widget-popup-icon{margin-top:17px;margin-left:15px;width:25px;height:28px;transform:rotate(45deg)}.widget-popup-icon:hover{cursor:pointer}#woocommerce-product-data ul.wc-tabs li.thwvs_swatches_settings_options a::before{content:url(../images/th-logo.svg)}#woocommerce-product-data ul.wc-tabs li.thwvs_swatches_settings_options a{color:#6E55FF}#woocommerce-product-data ul.wc-tabs li.thwvs_swatches_settings_options.active a{color:#686868}#woocommerce-product-data ul.wc-tabs li.thwvs_swatches_settings_options.active a::before{content:url(../images/act-th-logo.svg)}#col-container.th-attr-container{position:relative}.th-attr-container .form-wrap h2{margin-top:35px}.th-swatch-option-link{display:inline-block;padding:.75em 1em;background-color:#006DB7;border-radius:5px;text-align:center;text-decoration:none;transition:background-color .2s}.th-attr-container .th-swatch-option-link{position:absolute;top:-12px}.th-swatch-option-link a{text-decoration:none;font-size:12px;font-weight:600;color:#fff}.thwvsf-pro-offer{background:url(../images/popup-flyers.png),linear-gradient(90deg,#4410d8 5%,#4e10d8 18%,#6911d8 40%,#9611d9 69%,#cc12d9 100%);width:100%;height:212px;border-top-left-radius:20px;border-top-right-radius:20px;background-repeat:no-repeat}.thwvsf-pro-discount-popup{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;z-index:9999;align-items:center;justify-content:center;top:0;right:0}.thwvsf-discount-close-btn{background:0 0;cursor:pointer;border:none}a.thwvsf-discount-close-btn:focus{box-shadow:none}.thwvsf-discount-popup-wrapper{position:relative;width:500px;height:400px;background:#fff;border-radius:20px}.thwvsf-discount-popup-close{justify-content:right;display:flex;padding-right:.5rem;padding-top:.5rem}.thwvsf-discount-desc{margin:-.5rem}.thwvsf-discount-desc-first,.thwvsf-discount-desc-last{font-style:normal;font-weight:500;font-size:16px;line-height:23.83px;text-align:center;color:#FFF}.thwvsf-discount-exp-date{font-style:normal;font-size:15px;line-height:26.31px;text-align:center;color:#000;background:#fff;margin:0 8rem;width:50%;border-radius:3px}.thwvsf-discount-desc-middle{font-style:normal;font-weight:700;font-size:50px;line-height:80.34px;text-align:center;color:#FFF;margin:-2rem}.thwvsf-pro-offer-para{font-style:normal;font-weight:400;font-size:13px;line-height:175.43%;text-align:center;color:#000;width:398px}.thwvsf-pro-claim-offer{flex-direction:column;align-items:center;padding:1rem}.claim-discount-btn-div{width:100%;justify-content:center;display:flex;align-items:center}.claim-discount-btn{background:#6e55ff;width:168px;border-radius:5px;font-style:normal;font-weight:600;font-size:14px;line-height:166.5%;text-align:center;color:#fff;height:42px;align-items:center;display:flex;justify-content:center}ul.th-wvs-feature-list{-webkit-column-count:2;-moz-column-count:2;column-count:2}.th-nice-box{background:#fff;margin:1.5rem 1rem .75rem 0;border-radius:5px}.th-nice-box hr{position:absolute;height:0;border:1px solid #DDD}.th-nice-box a{text-decoration:none}.th-ad-banner{display:flex}.th-ad-content{width:90%;background-color:#121933;display:flex;justify-content:center;align-items:center;border-radius:5px 0 0;border-right:3px solid #fff}.th-ad-content-container{display:flex;justify-content:center;align-items:center;gap:1rem}.th-ad-content-desc{font-style:normal;font-weight:400;font-size:14px;color:#FFF;text-align:left;width:81%}.th-ad-content-desc p{height:56%;padding:.3rem 1.5rem;font-size:14px}.upgrade-pro-btn-div .btn-upgrade-pro{background:#121933;border:1px solid #FFF;border-radius:5px}.btn-get-pro,.btn-try-demo,.btn-upgrade-pro{width:168px;height:42px;background:#6E55FF;border-radius:5px;font-style:normal;font-weight:600;font-size:14px;line-height:166.5%;text-align:center;color:#FFF}.btn-upgrade-pro.orange{background:#fff;color:#111}.trydemo-heading{font-size:22px;color:#121933}.btn-try-demo.clicked,.btn-try-demo:hover{color:#000;background-color:#D1D1D1}.btn-try-demo.clicked{color:#000}.btn-try-demo:focus{outline:0;border:none}.btn-get-pro:hover{color:#FFF;background-color:#5540CE}.btn-get-pro.clicked{color:#FFF;background:#6E55FF}.btn-get-pro:focus{outline:0;border:none}.btn-upgrade-pro:hover{color:#FFF;background-color:#5540CE}.btn-upgrade-pro.orange:hover{color:#333;background-color:#F1F1F1}.btn-upgrade-pro.clicked{color:#FFF;background:#6E55FF}.btn-upgrade-pro.orange.clicked{color:#111;background:#F1F1F1}.btn-upgrade-pro:focus{outline:0;border:none}.button-get-pro:hover{color:#FFF;background-color:#5540CE}.button-get-pro.clicked{color:#FFF;background:#6E55FF}.button-get-pro:focus{outline:0;border:none}.claim-discount-btn.clicked,.claim-discount-btn:hover{color:#FFF;background-color:#5540CE}.upgrade-pro-btn-div{display:flex;padding:0 2.5rem;align-items:center}@media screen and (min-width:480px) and (max-width:1024px){.th-ad-content{display:grid}.th-ad-terms{display:grid!important}.th-ad-guarantee{padding:1rem;display:flex;justify-content:center;align-items:center}.th-ad-term-head{padding:0 .5rem}.th-try-demo{padding:3rem 5rem;display:grid;justify-content:center;align-items:center}.trydemo-heading{width:90%;margin:1rem 2rem}.try-demo-desc{padding:0 5rem!important;width:100%}.btn-get-pro{margin:1rem 1.5rem!important}.th-feautre-desc{padding:1rem 2rem!important;margin:0!important;text-align:left!important}.th-wvs-feature-list-ul{justify-content:flex-start!important}.th-wvs-feature-list{display:grid;margin:-1rem 1rem 2rem!important}ul.th-wvs-feature-list li{height:65px;line-height:22px!important;background:url(../images/crown.svg) no-repeat!important;margin:0 3rem!important;text-align:left}.th-get-pro-img{display:none}.th-get-pro-desc{width:70%!important;padding:0 .7rem!important}.th-get-pro-btn{padding:1rem!important}.th-get-pro-btn .btn-upgrade-pro{width:120px;margin:3rem 0 0!important}.th-pro-support{width:83%!important}.th-pro-support-desc{margin:0 .5rem!important}.th-hor-line{width:90%}.th-ad-content-container{display:grid!important;justify-content:center;align-items:center}.th-design-types{margin:0 1rem 0 2rem!important}.th-wepo-field-type-img{display:grid!important}.th-fields{width:86%!important;margin:0 1.5rem!important}.th-fields-img{position:relative;margin:3rem 0!important}.th-section-function{width:100%!important}.th-display-rule-section-desc{padding:0 0 0 2rem!important}ul.th-feature-section-list{padding:0 2.3rem!important}ul.th-feature-section-list li{margin:0 1rem!important;width:100%!important}.th-faq-tab h3{width:100%!important;align-items:center;display:flex;justify-content:center}.th-faq-tab .th-faq-para{width:96%!important;text-align:left}.th-accordion-qstn{padding:0 2rem!important;text-align:left}.th-panel p{padding-left:2rem!important;width:100%!important}.th-accordion-qstn .th-accordion-img{margin:.3rem!important}.th-accordion-qstn .th-accordion-img-opn{display:none}.switch-to-pro-tab h3{position:relative;top:0!important;width:70%!important;margin-top:-5rem}.switch-to-pro-tab p{top:0!important}.button-get-pro{margin-top:9rem!important}.th-review-section{display:grid!important;margin:2rem 0 0!important;width:100%}.review-quote-img img{display:none!important}.review-quote-img{display:flex;padding:0;background-image:url(../css/review-tab.png);background-repeat:no-repeat;background-position:center;width:100%;height:10rem}.th-review-navigator{display:none!important}.th-user-review-section{display:grid!important;width:100%!important;padding:8rem 0!important;justify-content:center;align-items:center}.th-review-quote{padding:0 .5rem!important;text-align:center;margin-top:-14rem}.th-user-review{position:absolute!important;margin-top:0;width:96%!important;height:3%!important}.th-user-review h3{position:absolute!important;width:88%!important;margin:1.5rem 5.5rem!important;text-align:center}.th-review-content{width:100%!important;position:relative;padding:3rem;text-align:center;margin:1rem 0!important}.th-user-review .th-review-user-name{margin:-4rem 0;text-align:center;padding:1rem 0;width:100%!important}@media screen and (min-width:612px) and (max-width:1024px){.th-faq-tab{margin:0 2rem!important}.th-review-navigator{display:flex!important;flex-direction:row!important;position:relative;top:18rem}.th-review-nav-btn{margin-left:1rem!important}.th-user-review h3{position:absolute!important;width:80%!important;margin:1.5rem 5.5rem!important;text-align:center}}@media screen and (min-width:300px) and (max-width:611px){.th-faq-tab{margin:2rem 2rem 0!important}.th-review-navigator{display:flex!important;flex-direction:row!important;position:relative;top:21rem}.th-review-nav-btn{margin-left:1rem!important}}}@media screen and (min-width:2000px){.th-wrapper-main{justify-content:center;align-items:center}.th-try-demo{width:70%;padding:1rem 0 2rem!important}.th-wepo-key-feature{width:70%}ul.th-wepo-feature-list{width:74%!important}.th-design-types{width:70%;margin:0!important}.th-review-section{width:70%!important;padding:5rem 0 4rem!important}.th-faq-tab{width:70%;margin:3rem 0 1rem!important}.th-faq-qstns .th-accordion{margin:-.5rem 0}.th-switch-to-pro{width:70%!important;margin:1rem 5.5rem 5rem!important}.th-user-review{width:50%!important}.th-ad-term-head{width:21rem!important}}.th-wrapper-main{display:flex;flex-direction:column}.next,.prev{display:none}.btn-get-pro,.btn-try-demo{display:inline-flex;font-size:16px;height:58px;width:203px}.btn-try-demo{align-items:center;justify-content:center;background:#E4E4E4;color:#000}.btn-get-pro{align-items:center;justify-content:center;margin:0 1.5rem}.th-ad-term-desc,.th-ad-term-head{font-style:normal;font-size:14px;color:#59617D}.btn-upgrade-pro,.th-ad-guarantee{display:flex;justify-content:center}.btn-upgrade-pro{align-items:center}.th-ad-terms{width:40%;background-color:#E6E6E9;display:flex;border-radius:0 5px 0 0}.th-ad-guarantee{padding:1rem}.th-ad-term-head,.th-wrapper-get-pro,.th-wvs-feature-list-ul{justify-content:center;display:flex}.th-ad-term-head{font-weight:700;width:17rem;flex-direction:column}.th-ad-term-desc{font-weight:400}.th-wvs-key-feature .th-feautre-desc,.th-wvs-key-feature .th-feautre-head,.try-demo-desc{color:#121933;text-align:center;font-style:normal}.th-try-demo{text-align:center;padding:1rem 0 2rem}.th-pro-btn{margin-right:1rem}.try-demo-desc{padding:.2rem 11rem 1rem;font-weight:400;font-size:16px;line-height:175.43%}.th-wvs-key-feature{position:relative;background:#fffaf5;border-radius:15px;margin:0 2rem}.th-wvs-key-feature .th-feautre-head{position:relative;width:100%;font-weight:700;font-size:22px;padding:3rem 0 0}.th-wvs-key-feature .th-feautre-desc{position:relative;font-weight:400;font-size:16px;margin:0 8em;line-height:2}.th-wvs-feature-list-ul{text-align:center;margin:2rem;white-space:pre-wrap}ul.th-wvsfeature-list{text-align:right;list-style-position:inside;float:left}.column-break{break-after:column}ul.th-wvs-feature-list li{background:url(../images/crown.svg) no-repeat;text-align:start;padding-left:3rem;line-height:25px;font-size:16px;font-weight:600;width:100%;color:#000}.th-list{position:relative;top:-.5rem;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:600;font-size:16px;padding:19px .5rem}.th-get-pro{display:flex;position:relative;background-color:#F88F42;border-bottom-left-radius:20px;border-bottom-right-radius:15px}.th-get-pro-img{width:10%;justify-content:flex-start;display:flex}.th-wrapper-get-pro{width:90%;align-items:center}.th-get-pro-desc{padding:0 4.7rem}.th-get-pro-btn{display:flex;justify-content:center;align-items:center}.th-get-pro-btn .btn-upgrade-pro{height:58px;font-size:16px}.th-get-pro-desc-head{display:grid;font-style:normal;font-weight:700;font-size:21px;color:#FFF}.th-get-pro-desc-contnt{font-style:normal;font-weight:400;font-size:16px;color:#FFF}.th-star-support{margin:2rem 0;width:100%;display:flex;flex-direction:column;align-items:center}.th-user-star{display:flex;align-items:center;gap:10px}.th-user-star img{width:30px;height:30px}.th-user-star-desc{font-style:normal;font-weight:700;font-size:18px;text-align:center;color:#000}.th-user-star-img{margin:1rem 0}.th-pro-support{display:flex;margin:-.8rem}.th-pro-support-desc{margin:.5rem 1.5rem;font-style:normal;font-weight:400;font-size:16px;line-height:175.43%;color:#5B5B5B}.th-design-types-desc,.th-design-types-h4,.th-design-types-head,.th-pro-support-desc em{font-style:normal;color:#121933}.th-pro-support-desc em{font-size:18px;font-weight:700}.th-hor-line{border:1px solid #ddd;margin:2.5rem 0 0;width:94%}.th-design-types{margin:0 4rem 0 3rem}.th-design-types-content{display:flex;justify-content:space-between;align-items:center}.th-design-types-left{width:50%}.th-design-types-head{font-weight:700;font-size:22px}.th-design-types-h4{font-weight:700;font-size:18px}.th-design-types-desc{font-weight:400;font-size:16px}.th-crown{top:.5rem;left:.5rem;position:relative}.th-wvs-pro{float:right;margin:0 2rem}.th-pro-features-row{display:flex;flex-direction:row;justify-content:space-between;margin:.5rem 1.5rem 0}.th-pro-features-col-left,.th-pro-features-col-right{flex:0 0 auto;width:49%}.th-pro-feature{border-radius:15px;margin-top:1.5rem}.th-pro-feature.wvs-display{background:#dde3ff}.wvs-display .wvs-display-img-wrap{display:flex;justify-content:center;align-items:center}.th-pro-feature.wvs-selection,.th-pro-feature.wvs-stock-feature{background:#fff;border:1px solid #dfdfdf;border-radius:15px}.th-pro-feature.wvs-stock-feature{padding-bottom:2rem}.th-pro-feature.wvs-feature-note{background-color:#F3F3F3;padding-bottom:2rem}.th-pro-feature.wvs-tt-style{background:#121933}.wvs-tt-style .th-feature-desc,.wvs-tt-style .th-feature-head{color:#FFF}.th-feature-head,.th-feature-sub-head{color:#2C3351;font-size:20px;font-weight:bolder;padding-left:2rem}.th-feature-head{padding-top:2.5rem}.th-feature-sub-head{padding-top:1.5rem}.th-feature-desc,ul.th-feature-section-list{font-size:14px;color:#2C3351}.th-feature-desc{padding:.5rem 8rem 0 2rem;line-height:24.56px}ul.th-feature-section-list,ul.th-feature-section-list.wvs-tooltip-list{font-style:normal;line-height:233%;padding:.5rem 3.3rem;list-style-type:disc}ul.th-feature-section-list.wvs-tooltip-list{font-size:15px;color:#fff;font-weight:700}ul.th-feature-section-list li{margin-bottom:0;font-size:14px;line-height:2.5rem}ul.th-feature-section-list li::marker{color:#2C3351;font-size:1.5rem}ul.th-feature-section-list.selection-style-list li::marker,ul.th-feature-section-list.wvs-tooltip-list li::marker{color:#6E55FF}ul.th-feature-section-list.wvs-stock-list{font-weight:600;font-size:15px}.additional_note b,ul.th-feature-section-list li b{font-weight:800}.feature-desc-imgs{align-items:center;margin:auto;padding:40px 91px}.feature-desc-imgs .sel-style-box-2{position:relative;display:inline-block;margin-top:1rem}.feature-desc-imgs .overlay-tick{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);z-index:1}.tt-styles-row{display:flex;flex-direction:row;justify-content:space-between;border:1px dashed rgba(255,255,255,.25)}.tt-styles-row .tt-style-box{flex:1;display:flex;justify-content:center;align-items:center;height:150px;border-right:1px dashed rgba(255,255,255,.25)}.display-section-img{display:flex;justify-content:center;align-items:center;flex-direction:column}.display-section-img img{padding-bottom:1rem;max-width:100%;height:auto}ul.th-display-field-list{list-style-type:disc;padding:.5rem 3.3rem}.th-price-fields-desc,.th-price-fields-head{color:#121933;padding-left:2rem;font-style:normal}ul.th-display-field-list li{font-style:normal;font-weight:600;font-size:14px;line-height:200%;color:#121933;margin:0}.th-price-fields{position:relative;width:98%;top:10px;float:right;background:#f3f3f3;border-radius:15px;height:49.7%}.th-price-fields-head{font-weight:700;font-size:20px;padding-top:1rem}.th-price-fields-desc{font-weight:400;font-size:14px;width:90%;line-height:24.56px}.th-layouts-section{position:relative;width:100%;background:#fff;border:1px solid #dfdfdf;border-radius:15px;height:46.7%}.th-layouts-img{position:relative;margin:3rem 1rem}.th-layouts-img img{width:100%;height:auto}.th-price-table-img{position:relative;margin:1rem 3rem}.th-price-table-img img{width:480px;height:210px}.text-clr-black{color:#121933!important}ul.th-feature-section-list.text-clr-black li::marker{color:#121933}.switch-to-pro-tab{width:100%;display:flex;flex-direction:column;align-items:center;margin:0;transform:matrix(1,0,0,1,0,0)}.th-switch-to-pro{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:80%;height:259px;margin:0 4.5rem 3rem;text-align:center;background:#fffaf5;border-radius:21px}.switch-to-pro-heading{font-weight:700;font-size:21px;line-height:164%;text-align:center;color:#121933;margin-top:-4rem}.th-switch-to-pro p{position:relative;color:#121933;font-size:14px;width:85%;margin-top:-.5rem}.button-get-pro{position:absolute;width:203px;height:58px;background:#6E55FF;border-radius:5px;display:flex;justify-content:center;align-items:center;font-style:normal;font-weight:700;font-size:17px;line-height:166.5%;text-align:center;color:#FFF;margin-top:7rem}.th-faq-tab{display:flex;justify-content:center;flex-direction:column;margin:2rem 2rem 1rem}.th-faq-desc{width:100%;display:flex;flex-direction:column;align-items:center}.th-faq-tab h3{position:relative;width:61px;height:33px;font-style:normal;font-weight:700;font-size:22px;line-height:148.93%;color:#121933}.th-accordion-qstn p,.th-faq-tab .th-faq-para{font-size:16px;color:#121933;font-style:normal}.th-faq-tab .th-faq-para{position:relative;width:67%;font-weight:400;line-height:188.5%;text-align:center;margin:-1rem}.th-faq-tab .arrow-svg{float:right;bottom:35px;position:relative}.th-faq-qstns{margin:3rem 0}.th-accordion-qstn{display:flex;justify-content:space-between;padding:0 4rem}.th-accordion-qstn .th-accordion-img-opn,.th-panel,.th-review-nav-btn-hide{display:none}.th-accordion-qstn p{font-weight:700;line-height:148.93%}.th-faq-links,.th-panel p{padding-left:4rem;text-align:left;width:58rem;overflow-wrap:break-word;font-size:14px;color:#121933;line-height:24.56px}.th-faq-answer,.th-faq-notes{padding-bottom:2rem}#next,#prev{padding:5px 10px;color:#333;outline:0;border:2px solid #333}#slider{max-width:350px;overflow-y:auto;overflow:hidden;height:auto;margin:50px auto}#slider ul li{position:relative}#slider ul{width:1400px;height:150px;position:relative}#slider ul li img{position:relative;float:left}#buttons{width:350px;margin:-20px auto;display:block}#next{float:right}.th-review-nav-btn.active{background:#6E55FF!important;width:1.5rem!important;height:1.5rem!important}.th-faq-qstns .th-accordion{box-sizing:border-box;position:relative;width:100%;background:#FFF;border:1px solid #DFDFDF;border-radius:21px;transition:.4s;padding-bottom:20px;padding-top:10px;margin:-.5rem 0;cursor:pointer}.th-panel{padding:0 18px;background-color:#fff;overflow:hidden;border-radius:21px}.th-review-section{display:flex;padding:5rem 0 0;width:100%}.review-quote-img{display:flex;padding:0 3rem}.th-review-navigator{border-left:2px solid #f5f5f5;display:flex;flex-direction:column;justify-content:center;align-items:center}.th-review-nav-btn{width:1rem;height:1rem;background-color:#f0f0f0;border-radius:50%;position:relative;margin-left:-.8rem;margin-bottom:1rem}.th-user-review-section{display:flex;width:100%;padding:3rem 5rem}.th-review-nav-btn li:last-child{width:.5rem;height:.5rem;background-color:#F0F0F0;border-radius:50%;position:relative;left:20px;top:4rem;margin-top:1.5rem}.th-review-content,.th-user-review h3{width:78%;margin:1rem 5rem}.th-reviews{display:flex}.th-user-review{position:absolute;display:grid}.th-review-quote{padding:1rem 1.5rem}.th-user-review h3{font-style:normal;font-weight:700;font-size:20px;color:#121933}.th-user-review p{font-size:14px;color:#121933;line-height:24.56px}.th-review-user-name{font-weight:700;margin:0 5rem}.th-review-navigator-tab{display:none}ul.feature-list li:marker{content:"\f147";display:inline-block;-webkit-font-smoothing:antialiased;color:#2271b1;margin-right:10px;word-wrap:break-word;font-family:dashicons;font-weight:700}ul.th-wepo-feature-list li::marker{width:1rem}

product-variation-swatches-for-woocommerce/trunk/admin/assets/js/thwvsf-admin.js

@@ -673 +673 @@
     }
 
+    /*------------------------------------
+    *---- Pro tab - SATRT ----- 
+    *------------------------------------*/
+
+    var slideIndex = 1;
+    var count = 0;
+    var myTimer;
+    var contentTimer;
+    var slideshowContainer;
+
+    window.addEventListener("load",function() {
+        showSlides(slideIndex);
+        myTimer = setInterval(function(){plusSlides(1)}, 3000);
+        slideshowContainer = document.getElementsByClassName('th-user-review-section')[0];
+        if(slideshowContainer){
+            slideshowContainer.addEventListener('mouseenter', pause)
+            slideshowContainer.addEventListener('mouseleave', resume)
+            slideContent(count);
+            contentTimer = setInterval(function(){ contentchange(1)},3000);
+        }
+    })
+
+    function pause() {
+        clearInterval(myTimer);
+        clearInterval(contentTimer)
+    };
+
+    function resume(){
+        clearInterval(myTimer);
+        clearInterval(contentTimer)
+        myTimer = setInterval(function(){plusSlides(slideIndex)}, 3000);
+        contentTimer = setInterval(function(){ contentchange(count)},3000);
+    };
+
+    function showSlides(n){
+        var i;        
+        var dots = document.getElementsByClassName("th-review-nav-btn");
+        
+        if(dots.length>0){
+            if (n > dots.length) {
+                slideIndex = 1
+            }
+            for (i = 0; i < dots.length; i++) {
+                dots[i].className = dots[i].className.replace(" active", "");
+            }
+            dots[slideIndex-1].className += " active";  
+        }
+    }
+
+    function plusSlides(n){
+        clearInterval(myTimer);
+        if (n < 0){
+            showSlides(slideIndex -= 1);
+        } else {
+            showSlides(slideIndex += 1); 
+        }
+        if (n === -1){
+            myTimer = setInterval(function(){plusSlides(n + 2)}, 3000);
+        } else {
+            myTimer = setInterval(function(){plusSlides(n + 1)}, 3000);
+        }
+    }
+
+    function accordionexpand(elm){
+        var curr_panel = elm.getElementsByClassName("th-panel")[0];
+        var accordion_qstn = elm.getElementsByClassName("th-accordion-qstn")[0];
+        var accordion_qstn_img = elm.getElementsByClassName("th-accordion-img")[0];
+        var accordion_qstn_img_opn = elm.getElementsByClassName("th-accordion-img-opn")[0];
+        var accordion_qstn_para = accordion_qstn.querySelector('p');
+        var panel = document.getElementsByClassName("th-panel");
+        var i;
+        for(i = 0; i < panel.length; i++){
+            if (curr_panel != panel[i]) {
+                if(panel[i].style.display === "block"){
+                    var parentaccordion = panel[i].parentNode;
+                    var parent_accordion_qstn = parentaccordion.getElementsByClassName("th-accordion-qstn")[0];
+                    var parent_accordion_img = parentaccordion.getElementsByClassName("th-accordion-img")[0];
+                    var parent_accordion_img_opn = parentaccordion.getElementsByClassName("th-accordion-img-opn")[0];
+                    var parent_accordion_qstn_p = parent_accordion_qstn.querySelector('p');
+                    panel[i].style.display = "none";
+                    parent_accordion_qstn_p.style.color = "#121933";
+                    parentaccordion.style.zIndex = "unset";
+                    parentaccordion.style.borderColor = "#dfdfdf";
+                    parent_accordion_qstn.style.marginTop = "0px";
+                    parent_accordion_img.style.display = "block";
+                    parent_accordion_img_opn.style.display = "none";
+                }
+            }
+        }
+        if (curr_panel.style.display === "block") {
+            curr_panel.style.display = "none";
+            accordion_qstn_para.style.color = "#121933";
+            elm.style.zIndex = "unset";
+            accordion_qstn.style.marginTop = "0";
+            elm.style.borderColor = "#dfdfdf";
+            accordion_qstn_img.style.display = "block";
+            accordion_qstn_img_opn.style.display = "none";
+        } else {
+            curr_panel.style.display = "block";
+            accordion_qstn_para.style.color = "#6E55FF";
+            elm.style.zIndex = "1";
+            elm.style.borderColor = "#6E55FF";
+            accordion_qstn.style.marginTop = "1.53rem";
+            accordion_qstn_img.style.display = "none";
+            accordion_qstn_img_opn.style.display = "block";
+        }
+    }
+
+    function slideContent(n){
+        var review_heading = ['Excellent plugin, and fantastic support','Reliable plug-in and great support', 'Great plugin, super helpful Support', 'Useful plugin for variation swatches','Easy to use and reliable'];
+        var headingContainer = document.getElementsByClassName('th-review-heading');
+        var review_content = ['This is an excellent plugin.<br>It did everything I needed.<br>And when I needed help, I was able to count on a fantastic support team.<br>Excellent reception.<br>Very worth the investment.',
+            'This is a plug-in for using extra product options in your Woocommerce shop. I’m using it for more than a year now with several sites and we’ve never had a single problem or bug.While buying and recently I’ve had a couple of questions, that were answered on the spot, so we’re very satisfied. Keep up the great work!',
+            'The pro version of the plugin is just what I needed, and Support was very thorough in answering my questions',
+            'I found this plugin the most useful among other ones, because: It has 5 different swatches types like color/bio color, Image, Image with label, text/label/button, and radio. It has swatches display styles that makes it possible to display many swatches in Horizontal scroll, vertical scroll, accordion, dropdown, and slider. The possibility to create links for variations Affordable Price for pro version Fantastic support team for solving problems and customizations Creating unlimited designs for variation swatches Creating custom designs for each variation Compatibility with other plugins',
+            'Thank you, ThemeHigh, for this delightful and easy to use plugin when you need just that small something extra.',
+        ];
+        var contentContainer = document.getElementsByClassName('th-review-content');
+        var review_author = ['Guilherme Souza','resultancy','Kazerniel','Reza Manouchehri','tigmewp'];
+        var authorContainer = document.getElementsByClassName('th-review-user-name');
+        if(n > review_heading.length - 1){
+            count = 0;
+        }
+        headingContainer[0].innerHTML =  review_heading[count];
+        contentContainer[0].innerHTML = review_content[count];
+        authorContainer[0].innerHTML = review_author[count];
+    }
+
+    function contentchange(n){
+        clearInterval(contentTimer);
+        if(n<0){
+            slideContent(count -= 1);
+        }else{
+            slideContent(count += 1);
+        }
+        if (n === -1){
+            contentTimer = setInterval(function(){ contentchange(1)},3000);
+        } else {
+            contentTimer = setInterval(function(){ contentchange(1)},3000);
+        }
+    }
+
+    function plusSlides(n){
+        clearInterval(myTimer);
+        if (n < 0){
+            showSlides(slideIndex -= 1);
+        } else {
+            showSlides(slideIndex += 1); 
+        }
+        if (n === -1){
+            myTimer = setInterval(function(){plusSlides(n + 2)}, 3000);
+        } else {
+            myTimer = setInterval(function(){plusSlides(n + 1)}, 3000);
+        }
+    }
+
+    function currentSlide(n){
+        clearInterval(myTimer);
+        myTimer = setInterval(function(){plusSlides(n + 1)}, 3000);
+        showSlides(slideIndex = n);
+        clearInterval(contentTimer);
+        contentTimer = setInterval(function(){ contentchange(n+1)},3000);
+        slideContent(count = n);
+    }
+
+
     return{
 
@@ -689 +855 @@
 
         thwvsfwidgetPopUp : widget_popup,
-        thwvsfwidgetClose : widget_close
+        thwvsfwidgetClose : widget_close,
+
+        thwvsfAccordionexpand : accordionexpand,
+        currentSlide : currentSlide,
     };
 
@@ -733 +902 @@
 function thwvsfwidgetClose() {
     thwvsf_settings.thwvsfwidgetClose();
+}
+
+function thwvsfAccordionexpand(elm){
+    thwvsf_settings.thwvsfAccordionexpand(elm);
+}
+function currentSlide(elm) {
+    thwvsf_settings.currentSlide(elm);
 }
 

product-variation-swatches-for-woocommerce/trunk/admin/assets/js/thwvsf-admin.min.js

@@ -1 @@
-function thwvsOpenFormTab(elm,tab_id,form_type){thwvsf_base.openFormTab(elm,tab_id,form_type)}function thwvsf_upload_icon_image(elm,e){thwvsf_settings.upload_icon_image(elm,e)}function thwvsf_remove_icon_image(elm,e){thwvsf_settings.remove_icon_image(elm,e)}function thwvsf_change_term_type(elm,e){thwvsf_settings.change_term_type(elm,e)}function thwvsf_open_body(elm,e){thwvsf_settings.open_term_body(elm,e)}function thwvsfEditDesignForm(elm,design_styles,design_id,des_title){thwvsf_settings.EditDesignForm(elm,design_styles,design_id,des_title)}function thwvsfCloseDesignPopup(elm){thwvsf_settings.CloseDesignPopup(elm)}function thwvsfTriggerAttributeTab(elm){thwvsf_settings.TriggerAttributeTab(elm)}function thwvsfOpenAttributeForm(elm,id,design_type){thwvsf_settings.OpenAttributeForm(elm,id,design_type)}function thwvsfSwatchTypeChangeListner(elm){thwvsf_settings.SwatchTypeChangeListner(elm)}function thwvsfShowcheckStyles(elm){thwvsf_settings.show_check_styles(elm)}function thwvsfShowLabelSelectionStyles(elm){thwvsf_settings.label_selection_syles(elm)}function thwvsfwidgetPopUp(){thwvsf_settings.thwvsfwidgetPopUp()}function thwvsfwidgetClose(){thwvsf_settings.thwvsfwidgetClose()}var thwvsf_base=function($,window,document){"use strict";function escapeHTML(html){var fn=function(tag){return{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&#34;"}[tag]||tag};return html.replace(/[&<>"]/g,fn)}function isHtmlIdValid(id){return/^[a-z\_]+[a-z0-9\_]*$/.test(id.trim())}function isValidHexColor(value){return!!preg_match("/^#[a-f0-9]{6}$/i",value)}function setup_tiptip_tooltips(){var tiptip_args={attribute:"data-tip",fadeIn:50,fadeOut:50,delay:200};$(".tips").tipTip(tiptip_args)}function setup_color_picker(form){var i=0;form.find(".thpladmin-colorpick").iris({change:function(event,ui){$(this).parent().find(".thpladmin-colorpickpreview").css({backgroundColor:ui.color.toString()})},hide:!0,border:!0}).click(function(){$(this).closest(".thwvsf_settings_fields_form").length>0?($(".iris-picker").hide(),$(this).closest(".thwvsf_settings_fields_form").find(".iris-picker").show()):($(".iris-picker").hide(),$(this).closest("td").find(".iris-picker").show())}),$("body").click(function(){$(".iris-picker").hide()}),$(".thpladmin-colorpick").click(function(event){event.stopPropagation()}),i++}function setup_popup_tabs(form,selector_prefix){$("."+selector_prefix+"-tabs-menu a").click(function(event){event.preventDefault(),$(this).parent().addClass("current"),$(this).parent().siblings().removeClass("current");var tab=$(this).attr("href");$("."+selector_prefix+"-tab-content").not(tab).css("display","none"),$(tab).fadeIn()})}function open_form_tab(elm,tab_id,form_type){var tabs_container=$("#thwvsf-tabs-container_"+form_type);$(elm).parent().addClass("current"),$(elm).parent().siblings().removeClass("current");var tab=$("#"+tab_id+"_"+form_type);tabs_container.find(".thpladmin-tab-content").not(tab).css("display","none"),$(tab).fadeIn()}function get_property_field_value(form,type,name){var value="";switch(type){case"select":value=form.find("select[name=i_"+name+"]").val(),value=null==value?"":value;break;case"checkbox":value=form.find("input[name=i_"+name+"]").prop("checked"),value=value?1:0;break;default:value=form.find("input[name=i_"+name+"]").val(),value=null==value?"":value}return value}function set_property_field_value(form,type,name,value,multiple){switch(type){case"select":1==multiple&&"string"==typeof value&&(value=value.split(","),name+="[]"),form.find('select[name="i_'+name+'"]').val(value);break;case"checkbox":value="yes"==value||1==value,form.find("input[name=i_"+name+"]").prop("checked",value);break;case"colorpicker":form.find("input[name=i_"+name+"]").val(value),form.find("span."+name+"_preview").css("background-color",value);break;case"radio":form.find("input[name=i_"+name+"]").val(value),form.find($("."+value)).addClass("rad-selected").siblings(".rad-selected").removeClass("rad-selected");break;default:form.find("input[name=i_"+name+"]").val(value)}}function setup_form_side_popup(){$(".pp_nav_tabs > li").click(function(){var index=$(this).data("index");open_tab($(this).closest(".popup-wrapper"),$(this),index),active_tab=index})}function open_tab(popup,link,index){var panel=popup.find(".data_panel_"+index);close_all_data_panel(popup),link.addClass("active"),panel.css("display","block")}function close_all_data_panel(popup){popup.find(".pp_nav_tabs > li").removeClass("active"),popup.find(".data-panel").css("display","none"),popup.find(".global-tabs > li").removeClass("active")}var active_tab=0;return{escapeHTML:escapeHTML,isHtmlIdValid:isHtmlIdValid,isValidHexColor:isValidHexColor,setup_tiptip_tooltips:setup_tiptip_tooltips,setupColorPicker:setup_color_picker,setupPopupTabs:setup_popup_tabs,openFormTab:open_form_tab,get_property_field_value:get_property_field_value,set_property_field_value:set_property_field_value,setup_form_side_popup:setup_form_side_popup}}(window.jQuery,window,document),thwvsf_settings=function($,window,document){"use strict";function upload_icon_image(elm,e){mediaUploader=wp.media.frames.file_frame=wp.media({title:"Choose Image",button:{text:"Choose Image"},multiple:!1});var $image_div=$(elm).parents(".thwvsf-upload-image"),$index_media_image=$image_div.find(".i_index_media_img"),$index_media=$image_div.find(".i_index_media"),$remove_button=$image_div.find(".thwvsf_remove_image_button");mediaUploader.on("select",function(){var attachment=mediaUploader.state().get("selection").first().toJSON();$index_media_image.attr("src",attachment.url),$index_media.val(attachment.id),$(".thwvsf_remove_uploaded").show(),$remove_button.show()}),mediaUploader.open()}function remove_icon_image(elm,e){var $image_div=$(elm).parents(".thwvsf-upload-image"),$index_media_image=$image_div.find(".i_index_media_img"),$index_media=$image_div.find(".i_index_media"),$remove_button=$image_div.find(".thwvsf_remove_image_button");return $index_media_image.attr("src",placeholder),$index_media.val(""),$remove_button.hide(),!1}function change_term_type(elm,e){var type=$(elm).val(),form=$(elm).closest(".thwvsf_custom_attribute"),custom_attr_div=$(".thwvsf-custom-table");thwvsf_base.setupColorPicker(custom_attr_div),"select"==type?form.find($(".thwvsf-custom-table")).hide():(form.find($(".thwvsf-custom-table")).hide(),form.find($(".thwvsf-custom-table-"+type)).show(),form.find($(".th-tooltip-row")).show()),"select"==type?form.find($(".th-tooltip-row")).hide():form.find($(".th-tooltip-row")).show()}function open_term_body(elm,e){var element=$(elm),parent=$(elm).closest("td"),parent_table=$(elm).closest("table");element.hasClass("open")?(element.removeClass("open"),parent.find(".thwvsf-local-body").hide()):(parent_table.find(".thwvsf-local-body").hide(),parent.find(".thwvsf-local-body").show("slow"),parent_table.find(".thwvsf-local-head").removeClass("open"),element.addClass("open"))}function open_attribute_form(elm,id,design_type){var form=$("#thwvs_attribute_form_pp");open_design_popup(elm,form);var terms_json=$(elm).data("terms"),type=terms_json.type,name=terms_json.name,label=terms_json.label;form.find(".attr-label").text(label),thwvsf_base.set_property_field_value(form,"hidden","attr_id",id,0),thwvsf_base.set_property_field_value(form,"text","label",label,0),thwvsf_base.set_property_field_value(form,"text","name",name,0),thwvsf_base.set_property_field_value(form,"select","type",type,0),thwvsf_base.set_property_field_value(form,"select","swatch_design_style",design_type,0),populate_attribute_term_fields(form,terms_json,id,type),thwvsf_base.setupColorPicker(form)}function populate_attribute_term_fields(form,terms_json,id,attr_type){attr_type="image_with_label"===attr_type?"image":attr_type;var terms=terms_json.terms;populate_color_swatch_terms_html(terms,form),populate_label_swatch_terms_html(terms,form),populate_image_swatch_terms_html(terms,form),form.find(".thwvs_attribute_terms_settings").hide(),form.find("#thwvs_attribute_terms_"+attr_type).show()}function swatch_type_change_listener(elm){var type=$(elm).val(),form=$("#thwvs_attribute_form");form.find(".thwvs_attribute_terms_settings").hide(),form.find("#thwvs_attribute_terms_"+type).show()}function populate_color_swatch_terms_html(terms,form){var termHtml="";termHtml+='<tr><td class="terms-label" colspan="3">Set Term Colors</td> </tr>',jQuery.each(terms,function(key,value){termHtml+="<tr>",termHtml+='<td class="titledesc" style="width:35%">'+value.term_name+"</td>",termHtml+='<td style="width: 26px; padding:0px;"></td>',termHtml+='<td class ="forminp inp-color">',termHtml+='<input type="text" name="i_single_color_'+value.slug+'" value="'+value.color+'" style="width: 260px;" class="thpladmin-colorpick"/>',termHtml+='<span class="thwvs-admin-colorpickpreview thpladmin-colorpickpreview '+value.slug+'_preview"  style="background-color:'+value.color+'"></span>',termHtml+="</td>",termHtml+="</tr>"}),form.find("#thwvs_attribute_terms_color").html(termHtml)}function populate_image_swatch_terms_html(terms,form){var termHtml="",placeholder_image=thwvsf_var.placeholder_image,upload_img=thwvsf_var.upload_image,remove_img=thwvsf_var.remove_image;termHtml+='<tr><td class="terms-label" colspan="3">Set Term Images</td> </tr>',jQuery.each(terms,function(key,value){var remove_icon_style=value.image?"":"display:none;",image=value.image?value.image:placeholder_image;termHtml+="<tr>",termHtml+='<td class="titledesc" style="width:35%">'+value.term_name+"</td>",termHtml+='<td style="width: 26px; padding:0px;"></td>',termHtml+="<td>",termHtml+='<div class = "thwvsf-upload-image"> <div class="tawcvs-term-image-thumbnail" style="float:left;margin-right:10px;">',termHtml+='<img  class="i_index_media_img" src="'+image+'" width="60px" height="60px" alt="term-image" />',termHtml+="</div>",termHtml+='<div style="line-height:30px;">',termHtml+='<input type="hidden" class="i_index_media"  name= "i_product_image_'+value.slug+'" value="'+value.term_value+'">',termHtml+='<button type="button" class="thwvs-upload-image-button button " onclick="thwvsf_upload_icon_image(this,event)">',termHtml+='<img class="thwvsf-upload-button" src="'+upload_img+'" alt="upload"></button>',termHtml+='<button type="button" style ="'+remove_icon_style+'"  class="thwvsf_remove_image_button button " onclick="thwvsf_remove_icon_image(this,event)">',termHtml+='<img class="thwvsf-remove-button" src="'+remove_img+'" alt="remove"></button>',termHtml+="</div>",termHtml+="</div>",termHtml+="</td>",termHtml+="</tr>"}),form.find("#thwvs_attribute_terms_image").html(termHtml)}function populate_label_swatch_terms_html(terms,form){var termHtml="";termHtml+='<tr><td class="terms-label" colspan="3">Set Term Labels</td> </tr>',jQuery.each(terms,function(key,value){termHtml+="<tr>",termHtml+='<td class="titledesc" style="width:35%">'+value.term_name+"</td>",termHtml+='<td style="width: 26px; padding:0px;"></td>',termHtml+='<td class ="forminp">',termHtml+='<input type="text" name="i_label_'+value.slug+'" value="'+value.label+'" style="width: 260px;" />',termHtml+="</td>",termHtml+="</tr>"}),termHtml+="</div>",form.find("#thwvs_attribute_terms_label").html(termHtml)}function edit_design_form(elm,design_styles,design_id,des_title){open_design_form("edit",design_styles,design_id,elm,des_title)}function open_design_form(type,valueJson,design_id,elm,des_title){des_title=$("<div/>").html(des_title).text();var container=$("#thwvs_design_form_pp"),form=$("#thwvs_design_form");populate_design_form(form,type,valueJson,container,des_title),form.find("input[name=thwvsf_design_id]").val(design_id),open_design_popup(elm,container),form.find("input[name=i_design_name]").val(des_title)}function populate_design_form(form,type,valueJson,container,des_title){var title="edit"===type&&des_title?des_title:"New Design Style";container.find(".pp-title").text(title),"new"===type?set_form_field_values(form,DESIGN_FORM_FIELDS,!1):set_form_field_values(form,DESIGN_FORM_FIELDS,valueJson)}function set_form_field_values(form,fields,valuesJson){valuesJson&&valuesJson.name&&valuesJson.name;$.each(fields,function(name,field){var type=field.type,value=valuesJson&&valuesJson[name]?valuesJson[name]:field.value,multiple=field.multiple?field.multiple:0;"checkbox"===type&&!valuesJson&&field.checked&&(value=field.checked),name=name,thwvsf_base.set_property_field_value(form,type,name,value,multiple)}),form.find("select[name=i_attr_selection_style]").change(),form.find("select[name=i_common_selection_style]").change(),form.find("select[name=i_label_selection_style]").change()}function open_design_popup(elm,popup){$(".popup-wrapper").hasClass("dismiss")&&$(".popup-wrapper").removeClass("dismiss").addClass("selected").show(),$(".thwvs-template-preview-wrapper .thwvs-template-box").removeClass("design-active"),$(".thwvs-design-templates.thwvs-template-popup").addClass("pop-active"),$(".product_page_th_product_variation_swatches_for_woocommerce").addClass("thwvs-body-deactive"),$(elm).closest(".thwvs-template-box").addClass("design-active"),popup.find("ul.pp_nav_tabs li").first().click()}function close_design_popup(elm){$(".popup-wrapper").hasClass("selected")&&$(".popup-wrapper").removeClass("selected").addClass("dismiss"),$(".thwvs-design-templates.thwvs-template-popup").removeClass("pop-active"),$(".product_page_th_product_variation_swatches_for_woocommerce").removeClass("thwvs-body-deactive"),$(".thwvs-template-preview-wrapper .thwvs-template-box").removeClass("design-active")}function trigger_attribute_tab(elm){$("ul.wc-tabs .attribute_options.attribute_tab a").trigger("click")}function show_check_styles(elm){var sel_type=$(elm).val(),tick_style=$(".tick_prop");"border_with_tick"==sel_type?tick_style.show():tick_style.hide()}function label_selection_syles(elm){var sel_lab_type=$(elm).val(),lab_back_elm=$(".label_background_prop"),lab_tick_elm=$(".label_tick_prop");"border_with_tick"==sel_lab_type?(lab_back_elm.hide(),lab_tick_elm.show()):"background_color"==sel_lab_type?(lab_tick_elm.hide(),lab_back_elm.show()):(lab_tick_elm.hide(),lab_back_elm.hide())}function widget_popup(){var x=document.getElementById("myDIV"),th_animation=(document.getElementById("myWidget"),document.getElementById("th_quick_border_animation")),th_arrow=document.getElementById("th_arrow_head");"none"!==x.style.display&&x.style.display?(x.style.display="none",th_arrow.style="transform:rotate(45deg);",th_animation.style.animation="pulse 1.5s infinite"):(x.style.display="block",th_arrow.style="transform:rotate(-12.5deg);",th_animation.style="box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);",th_animation.style.animation="none")}function widget_close(){var z=document.getElementById("myDIV"),th_animation=(document.getElementById("myWidget"),document.getElementById("th_quick_border_animation")),th_arrow=document.getElementById("th_arrow_head");z.style.display="none",th_arrow.style="transform:rotate(45deg);",th_animation.style.animation="pulse 1.5s infinite"}var mediaUploader;$(document).ready(function(e){var feature_popup=$(".thwvsf-pro-discount-popup");$(".thwvsf-pro-discount-popup-wrapper");feature_popup.length>0&&($("body").css("overflow","hidden"),feature_popup[0].style.display="flex")}),$(function(){var settings_div=$("#edittag"),add_tag_div=$("#addtag"),advanced_settings_div=$("#advanced_settings_form"),custom_attr_div=$(".thwvsf-custom-table"),design_settings_div=$("#thwvs_design_form");thwvsf_base.setupColorPicker(advanced_settings_div),thwvsf_base.setupColorPicker(settings_div),thwvsf_base.setupColorPicker(add_tag_div),thwvsf_base.setupColorPicker(custom_attr_div),thwvsf_base.setupColorPicker(design_settings_div);$(".thwvsadmin-wrapper"),$("#last_active_tab").val();thwvsf_base.setup_form_side_popup(),$(".th-swatch-option-link").closest("#col-container").addClass("th-attr-container")});var placeholder=thwvsf_var.placeholder_image,DESIGN_FORM_FIELDS={design_name:{name:"design_name",label:" Design Name",type:"text",value:""},icon_height:{name:"icon_height",type:"text",value:"45px"},icon_width:{name:"icon_height",type:"text",value:"45px"},icon_shape:{name:"icon_shape",type:"select",value:"0px"},icon_label_height:{name:"icon_height",type:"text",value:"45px"},icon_label_width:{name:"icon_height",type:"text",value:"auto"},label_size:{name:"label_size",type:"text",value:"16px"},label_background_color:{name:"label_background_color",type:"colorpicker",value:"#fff"},label_text_color:{name:"label_text_color",type:"colorpicker",value:"#000"},icon_border_color:{name:"icon_border_color",type:"colorpicker",value:"#d1d7da"},icon_border_color_hover:{name:"icon_border_color_hover",type:"colorpicker",value:"#aaaaaa"},icon_border_color_selected:{name:"icon_border_color_selected",type:"colorpicker",value:"#827d7d"},common_selection_style:{name:"common_selection_style",type:"select",value:"border"},tick_color:{name:"tick_color",type:"colorpicker",value:"#ffffff"},tick_size:{name:"tick_size",type:"text",value:"15px"},label_selection_style:{name:"label_selection_style",type:"select",value:"border"},label_background_color_hover:{name:"label_background_color_hover",type:"colorpicker",value:"#ffffff"},label_text_color_hover:{name:"label_text_color_hover",type:"colorpicker",value:"#000000"},label_background_color_selection:{name:"label_background_color_selection",type:"colorpicker",value:"#000000"},label_text_color_selection:{name:"label_text_color_selection",type:"colorpicker",value:"#ffffff"},label_tick_color:{name:"label_tick_color",type:"colorpicker",value:"#000000"},label_tick_size:{name:"label_tick_size",type:"text",value:"15px"},enable_swatch_dropdown:{name:"enable_swatch_dropdown",type:"checkbox",value:0},tooltip_enable:{name:"tooltip_enable",type:"checkbox",value:0},tooltip_text_background_color:{name:"tooltip_text_background_color",type:"colorpicker",value:"#000000"},tooltip_text_color:{name:"tooltip_text_color",type:"colorpicker",value:"#ffffff"}};return $(document).ajaxComplete(function(event,request,options){if(request&&4===request.readyState&&200===request.status&&options.data&&0<=options.data.indexOf("action=add-tag")){var res=wpAjax.parseAjaxResponse(request.responseXML,"ajax-response");if(!res||res.errors)return;return $(".i_index_media_img").attr("src",placeholder),$(".i_index_media").val(""),$("#product_cat_thumbnail_id").val(""),$(".thwvsf_remove_image_button").hide(),void $(".thwvsf_settings_fields_form").find(".thpladmin-colorpickpreview").css("background-color","")}if(request&&4===request.readyState&&200===request.status&&options.data&&0<=options.data.indexOf("action=woocommerce_save_attributes")){var this_page=window.location.toString();this_page=this_page.replace("post-new.php?","post.php?post="+woocommerce_admin_meta_boxes.post_id+"&action=edit&");$(".thwvs-custom-table");$("#thwvs-product-attribute-settings").load(this_page+" #custom_variations_inner",function(){$("#thwvs-product-attribute-settings").trigger("reload"),thwvsf_base.setupColorPicker($(".th-custom-attr-color-td")),$("#thwvs-product-attribute-settings").trigger("init_tooltips")})}}),$(document).on("click",".thpladmin-notice .notice-dismiss",function(){var wrapper=$(this).closest("div.thpladmin-notice"),nonce=wrapper.data("nonce"),data={thwvsf_review_nonce:nonce,action:"dismiss_thwvsf_review_request_notice"};$.post(ajaxurl,data,function(){})}),{upload_icon_image:upload_icon_image,remove_icon_image:remove_icon_image,change_term_type:change_term_type,open_term_body:open_term_body,EditDesignForm:edit_design_form,CloseDesignPopup:close_design_popup,TriggerAttributeTab:trigger_attribute_tab,OpenAttributeForm:open_attribute_form,SwatchTypeChangeListner:swatch_type_change_listener,show_check_styles:show_check_styles,label_selection_syles:label_selection_syles,thwvsfwidgetPopUp:widget_popup,thwvsfwidgetClose:widget_close}}(window.jQuery,window,document);jQuery(function($){"use strict";function save_new_term($wrapper,$dialog,attribute){var new_attribute_name="",term_spec={};if(new_attribute_name=$dialog.find('input[name = "attribute_name"]').val(),term_spec["product_"+attribute]=$dialog.find('input[name = "attribute_type"]').val(),new_attribute_name){var ajax_data=_extends({action:"woocommerce_add_new_attribute",taxonomy:attribute,term:new_attribute_name,security:woocommerce_admin_meta_boxes.add_attribute_nonce},term_spec);$.post(woocommerce_admin_meta_boxes.ajax_url,ajax_data,function(response){response.error?window.alert(response.error):response.slug&&($wrapper.find("select.attribute_values").append('<option value="'+response.term_id+'" selected="selected">'+response.name+"</option>"),$wrapper.find("select.attribute_values").change()),$(".product_attributes").unblock()})}else $(".product_attributes").unblock()}var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target};$(".product_attributes").on("click","button.thwvsf_add_new_attribute",function(event){event.preventDefault(),$(".thwvsf-class").val("");var placeholder=thwvsf_var.placeholder_image;$(".i_index_media_img").attr("src",placeholder),$(".thpladmin-colorpickpreview").css("background-color","");var popup_outer=$(".thwvsf-attribte-dialog");if(popup_outer.find("input[type=text]").val(""),popup_outer.hasClass("thwvsf-attribte-dialog-image")){popup_outer.find(".thwvsf_remove_image_button").hide()}var $wrapper=$(this).closest(".woocommerce_attribute"),attribute=$wrapper.data("taxonomy"),type=($(this).data("attr_taxonomy"),$(this).data("attr_type")),settings_div=$(".thwvsf_settings_fields_form");thwvsf_base.setupColorPicker(settings_div);var $popup_div=$(".thwvsf-attribte-dialog-"+type),height="color"==type?395:250;$popup_div.length>0&&($popup_div.dialog({dialogClass:"wp-dialog thwvsf-popup",title:"Add new term",modal:!0,autoOpen:!1,width:500,minHeight:height,buttons:[{text:"save",class:"button_class",click:function(){save_new_term($wrapper,$(this),attribute),$(this).dialog("close")}}]}),$(".product_attributes").block({message:null,overlayCSS:{background:"#fff",opacity:.6}}),$popup_div.dialog("open"),$(".product_attributes").unblock(),$(".ui-dialog.thwvsf-popup").css("z-index",99999999))})});
+function thwvsOpenFormTab(elm,tab_id,form_type){thwvsf_base.openFormTab(elm,tab_id,form_type)}function thwvsf_upload_icon_image(elm,e){thwvsf_settings.upload_icon_image(elm,e)}function thwvsf_remove_icon_image(elm,e){thwvsf_settings.remove_icon_image(elm,e)}function thwvsf_change_term_type(elm,e){thwvsf_settings.change_term_type(elm,e)}function thwvsf_open_body(elm,e){thwvsf_settings.open_term_body(elm,e)}function thwvsfEditDesignForm(elm,design_styles,design_id,des_title){thwvsf_settings.EditDesignForm(elm,design_styles,design_id,des_title)}function thwvsfCloseDesignPopup(elm){thwvsf_settings.CloseDesignPopup(elm)}function thwvsfTriggerAttributeTab(elm){thwvsf_settings.TriggerAttributeTab(elm)}function thwvsfOpenAttributeForm(elm,id,design_type){thwvsf_settings.OpenAttributeForm(elm,id,design_type)}function thwvsfSwatchTypeChangeListner(elm){thwvsf_settings.SwatchTypeChangeListner(elm)}function thwvsfShowcheckStyles(elm){thwvsf_settings.show_check_styles(elm)}function thwvsfShowLabelSelectionStyles(elm){thwvsf_settings.label_selection_syles(elm)}function thwvsfwidgetPopUp(){thwvsf_settings.thwvsfwidgetPopUp()}function thwvsfwidgetClose(){thwvsf_settings.thwvsfwidgetClose()}function thwvsfAccordionexpand(elm){thwvsf_settings.thwvsfAccordionexpand(elm)}function currentSlide(elm){thwvsf_settings.currentSlide(elm)}var thwvsf_base=function($,window,document){"use strict";function escapeHTML(html){var fn=function(tag){return{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&#34;"}[tag]||tag};return html.replace(/[&<>"]/g,fn)}function isHtmlIdValid(id){return/^[a-z\_]+[a-z0-9\_]*$/.test(id.trim())}function isValidHexColor(value){return!!preg_match("/^#[a-f0-9]{6}$/i",value)}function setup_tiptip_tooltips(){var tiptip_args={attribute:"data-tip",fadeIn:50,fadeOut:50,delay:200};$(".tips").tipTip(tiptip_args)}function setup_color_picker(form){var i=0;form.find(".thpladmin-colorpick").iris({change:function(event,ui){$(this).parent().find(".thpladmin-colorpickpreview").css({backgroundColor:ui.color.toString()})},hide:!0,border:!0}).click(function(){$(this).closest(".thwvsf_settings_fields_form").length>0?($(".iris-picker").hide(),$(this).closest(".thwvsf_settings_fields_form").find(".iris-picker").show()):($(".iris-picker").hide(),$(this).closest("td").find(".iris-picker").show())}),$("body").click(function(){$(".iris-picker").hide()}),$(".thpladmin-colorpick").click(function(event){event.stopPropagation()}),i++}function setup_popup_tabs(form,selector_prefix){$("."+selector_prefix+"-tabs-menu a").click(function(event){event.preventDefault(),$(this).parent().addClass("current"),$(this).parent().siblings().removeClass("current");var tab=$(this).attr("href");$("."+selector_prefix+"-tab-content").not(tab).css("display","none"),$(tab).fadeIn()})}function open_form_tab(elm,tab_id,form_type){var tabs_container=$("#thwvsf-tabs-container_"+form_type);$(elm).parent().addClass("current"),$(elm).parent().siblings().removeClass("current");var tab=$("#"+tab_id+"_"+form_type);tabs_container.find(".thpladmin-tab-content").not(tab).css("display","none"),$(tab).fadeIn()}function get_property_field_value(form,type,name){var value="";switch(type){case"select":value=form.find("select[name=i_"+name+"]").val(),value=null==value?"":value;break;case"checkbox":value=form.find("input[name=i_"+name+"]").prop("checked"),value=value?1:0;break;default:value=form.find("input[name=i_"+name+"]").val(),value=null==value?"":value}return value}function set_property_field_value(form,type,name,value,multiple){switch(type){case"select":1==multiple&&"string"==typeof value&&(value=value.split(","),name+="[]"),form.find('select[name="i_'+name+'"]').val(value);break;case"checkbox":value="yes"==value||1==value,form.find("input[name=i_"+name+"]").prop("checked",value);break;case"colorpicker":form.find("input[name=i_"+name+"]").val(value),form.find("span."+name+"_preview").css("background-color",value);break;case"radio":form.find("input[name=i_"+name+"]").val(value),form.find($("."+value)).addClass("rad-selected").siblings(".rad-selected").removeClass("rad-selected");break;default:form.find("input[name=i_"+name+"]").val(value)}}function setup_form_side_popup(){$(".pp_nav_tabs > li").click(function(){var index=$(this).data("index");open_tab($(this).closest(".popup-wrapper"),$(this),index),active_tab=index})}function open_tab(popup,link,index){var panel=popup.find(".data_panel_"+index);close_all_data_panel(popup),link.addClass("active"),panel.css("display","block")}function close_all_data_panel(popup){popup.find(".pp_nav_tabs > li").removeClass("active"),popup.find(".data-panel").css("display","none"),popup.find(".global-tabs > li").removeClass("active")}var active_tab=0;return{escapeHTML:escapeHTML,isHtmlIdValid:isHtmlIdValid,isValidHexColor:isValidHexColor,setup_tiptip_tooltips:setup_tiptip_tooltips,setupColorPicker:setup_color_picker,setupPopupTabs:setup_popup_tabs,openFormTab:open_form_tab,get_property_field_value:get_property_field_value,set_property_field_value:set_property_field_value,setup_form_side_popup:setup_form_side_popup}}(window.jQuery,window,document),thwvsf_settings=function($,window,document){"use strict";function upload_icon_image(elm,e){mediaUploader=wp.media.frames.file_frame=wp.media({title:"Choose Image",button:{text:"Choose Image"},multiple:!1});var $image_div=$(elm).parents(".thwvsf-upload-image"),$index_media_image=$image_div.find(".i_index_media_img"),$index_media=$image_div.find(".i_index_media"),$remove_button=$image_div.find(".thwvsf_remove_image_button");mediaUploader.on("select",function(){var attachment=mediaUploader.state().get("selection").first().toJSON();$index_media_image.attr("src",attachment.url),$index_media.val(attachment.id),$(".thwvsf_remove_uploaded").show(),$remove_button.show()}),mediaUploader.open()}function remove_icon_image(elm,e){var $image_div=$(elm).parents(".thwvsf-upload-image"),$index_media_image=$image_div.find(".i_index_media_img"),$index_media=$image_div.find(".i_index_media"),$remove_button=$image_div.find(".thwvsf_remove_image_button");return $index_media_image.attr("src",placeholder),$index_media.val(""),$remove_button.hide(),!1}function change_term_type(elm,e){var type=$(elm).val(),form=$(elm).closest(".thwvsf_custom_attribute"),custom_attr_div=$(".thwvsf-custom-table");thwvsf_base.setupColorPicker(custom_attr_div),"select"==type?form.find($(".thwvsf-custom-table")).hide():(form.find($(".thwvsf-custom-table")).hide(),form.find($(".thwvsf-custom-table-"+type)).show(),form.find($(".th-tooltip-row")).show()),"select"==type?form.find($(".th-tooltip-row")).hide():form.find($(".th-tooltip-row")).show()}function open_term_body(elm,e){var element=$(elm),parent=$(elm).closest("td"),parent_table=$(elm).closest("table");element.hasClass("open")?(element.removeClass("open"),parent.find(".thwvsf-local-body").hide()):(parent_table.find(".thwvsf-local-body").hide(),parent.find(".thwvsf-local-body").show("slow"),parent_table.find(".thwvsf-local-head").removeClass("open"),element.addClass("open"))}function open_attribute_form(elm,id,design_type){var form=$("#thwvs_attribute_form_pp");open_design_popup(elm,form);var terms_json=$(elm).data("terms"),type=terms_json.type,name=terms_json.name,label=terms_json.label;form.find(".attr-label").text(label),thwvsf_base.set_property_field_value(form,"hidden","attr_id",id,0),thwvsf_base.set_property_field_value(form,"text","label",label,0),thwvsf_base.set_property_field_value(form,"text","name",name,0),thwvsf_base.set_property_field_value(form,"select","type",type,0),thwvsf_base.set_property_field_value(form,"select","swatch_design_style",design_type,0),populate_attribute_term_fields(form,terms_json,id,type),thwvsf_base.setupColorPicker(form)}function populate_attribute_term_fields(form,terms_json,id,attr_type){attr_type="image_with_label"===attr_type?"image":attr_type;var terms=terms_json.terms;populate_color_swatch_terms_html(terms,form),populate_label_swatch_terms_html(terms,form),populate_image_swatch_terms_html(terms,form),form.find(".thwvs_attribute_terms_settings").hide(),form.find("#thwvs_attribute_terms_"+attr_type).show()}function swatch_type_change_listener(elm){var type=$(elm).val(),form=$("#thwvs_attribute_form");form.find(".thwvs_attribute_terms_settings").hide(),form.find("#thwvs_attribute_terms_"+type).show()}function populate_color_swatch_terms_html(terms,form){var termHtml="";termHtml+='<tr><td class="terms-label" colspan="3">Set Term Colors</td> </tr>',jQuery.each(terms,function(key,value){termHtml+="<tr>",termHtml+='<td class="titledesc" style="width:35%">'+value.term_name+"</td>",termHtml+='<td style="width: 26px; padding:0px;"></td>',termHtml+='<td class ="forminp inp-color">',termHtml+='<input type="text" name="i_single_color_'+value.slug+'" value="'+value.color+'" style="width: 260px;" class="thpladmin-colorpick"/>',termHtml+='<span class="thwvs-admin-colorpickpreview thpladmin-colorpickpreview '+value.slug+'_preview"  style="background-color:'+value.color+'"></span>',termHtml+="</td>",termHtml+="</tr>"}),form.find("#thwvs_attribute_terms_color").html(termHtml)}function populate_image_swatch_terms_html(terms,form){var termHtml="",placeholder_image=thwvsf_var.placeholder_image,upload_img=thwvsf_var.upload_image,remove_img=thwvsf_var.remove_image;termHtml+='<tr><td class="terms-label" colspan="3">Set Term Images</td> </tr>',jQuery.each(terms,function(key,value){var remove_icon_style=value.image?"":"display:none;",image=value.image?value.image:placeholder_image;termHtml+="<tr>",termHtml+='<td class="titledesc" style="width:35%">'+value.term_name+"</td>",termHtml+='<td style="width: 26px; padding:0px;"></td>',termHtml+="<td>",termHtml+='<div class = "thwvsf-upload-image"> <div class="tawcvs-term-image-thumbnail" style="float:left;margin-right:10px;">',termHtml+='<img  class="i_index_media_img" src="'+image+'" width="60px" height="60px" alt="term-image" />',termHtml+="</div>",termHtml+='<div style="line-height:30px;">',termHtml+='<input type="hidden" class="i_index_media"  name= "i_product_image_'+value.slug+'" value="'+value.term_value+'">',termHtml+='<button type="button" class="thwvs-upload-image-button button " onclick="thwvsf_upload_icon_image(this,event)">',termHtml+='<img class="thwvsf-upload-button" src="'+upload_img+'" alt="upload"></button>',termHtml+='<button type="button" style ="'+remove_icon_style+'"  class="thwvsf_remove_image_button button " onclick="thwvsf_remove_icon_image(this,event)">',termHtml+='<img class="thwvsf-remove-button" src="'+remove_img+'" alt="remove"></button>',termHtml+="</div>",termHtml+="</div>",termHtml+="</td>",termHtml+="</tr>"}),form.find("#thwvs_attribute_terms_image").html(termHtml)}function populate_label_swatch_terms_html(terms,form){var termHtml="";termHtml+='<tr><td class="terms-label" colspan="3">Set Term Labels</td> </tr>',jQuery.each(terms,function(key,value){termHtml+="<tr>",termHtml+='<td class="titledesc" style="width:35%">'+value.term_name+"</td>",termHtml+='<td style="width: 26px; padding:0px;"></td>',termHtml+='<td class ="forminp">',termHtml+='<input type="text" name="i_label_'+value.slug+'" value="'+value.label+'" style="width: 260px;" />',termHtml+="</td>",termHtml+="</tr>"}),termHtml+="</div>",form.find("#thwvs_attribute_terms_label").html(termHtml)}function edit_design_form(elm,design_styles,design_id,des_title){open_design_form("edit",design_styles,design_id,elm,des_title)}function open_design_form(type,valueJson,design_id,elm,des_title){des_title=$("<div/>").html(des_title).text();var container=$("#thwvs_design_form_pp"),form=$("#thwvs_design_form");populate_design_form(form,type,valueJson,container,des_title),form.find("input[name=thwvsf_design_id]").val(design_id),open_design_popup(elm,container),form.find("input[name=i_design_name]").val(des_title)}function populate_design_form(form,type,valueJson,container,des_title){var title="edit"===type&&des_title?des_title:"New Design Style";container.find(".pp-title").text(title),"new"===type?set_form_field_values(form,DESIGN_FORM_FIELDS,!1):set_form_field_values(form,DESIGN_FORM_FIELDS,valueJson)}function set_form_field_values(form,fields,valuesJson){valuesJson&&valuesJson.name&&valuesJson.name;$.each(fields,function(name,field){var type=field.type,value=valuesJson&&valuesJson[name]?valuesJson[name]:field.value,multiple=field.multiple?field.multiple:0;"checkbox"===type&&!valuesJson&&field.checked&&(value=field.checked),name=name,thwvsf_base.set_property_field_value(form,type,name,value,multiple)}),form.find("select[name=i_attr_selection_style]").change(),form.find("select[name=i_common_selection_style]").change(),form.find("select[name=i_label_selection_style]").change()}function open_design_popup(elm,popup){$(".popup-wrapper").hasClass("dismiss")&&$(".popup-wrapper").removeClass("dismiss").addClass("selected").show(),$(".thwvs-template-preview-wrapper .thwvs-template-box").removeClass("design-active"),$(".thwvs-design-templates.thwvs-template-popup").addClass("pop-active"),$(".product_page_th_product_variation_swatches_for_woocommerce").addClass("thwvs-body-deactive"),$(elm).closest(".thwvs-template-box").addClass("design-active"),popup.find("ul.pp_nav_tabs li").first().click()}function close_design_popup(elm){$(".popup-wrapper").hasClass("selected")&&$(".popup-wrapper").removeClass("selected").addClass("dismiss"),$(".thwvs-design-templates.thwvs-template-popup").removeClass("pop-active"),$(".product_page_th_product_variation_swatches_for_woocommerce").removeClass("thwvs-body-deactive"),$(".thwvs-template-preview-wrapper .thwvs-template-box").removeClass("design-active")}function trigger_attribute_tab(elm){$("ul.wc-tabs .attribute_options.attribute_tab a").trigger("click")}function show_check_styles(elm){var sel_type=$(elm).val(),tick_style=$(".tick_prop");"border_with_tick"==sel_type?tick_style.show():tick_style.hide()}function label_selection_syles(elm){var sel_lab_type=$(elm).val(),lab_back_elm=$(".label_background_prop"),lab_tick_elm=$(".label_tick_prop");"border_with_tick"==sel_lab_type?(lab_back_elm.hide(),lab_tick_elm.show()):"background_color"==sel_lab_type?(lab_tick_elm.hide(),lab_back_elm.show()):(lab_tick_elm.hide(),lab_back_elm.hide())}function widget_popup(){var x=document.getElementById("myDIV"),th_animation=(document.getElementById("myWidget"),document.getElementById("th_quick_border_animation")),th_arrow=document.getElementById("th_arrow_head");"none"!==x.style.display&&x.style.display?(x.style.display="none",th_arrow.style="transform:rotate(45deg);",th_animation.style.animation="pulse 1.5s infinite"):(x.style.display="block",th_arrow.style="transform:rotate(-12.5deg);",th_animation.style="box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);",th_animation.style.animation="none")}function widget_close(){var z=document.getElementById("myDIV"),th_animation=(document.getElementById("myWidget"),document.getElementById("th_quick_border_animation")),th_arrow=document.getElementById("th_arrow_head");z.style.display="none",th_arrow.style="transform:rotate(45deg);",th_animation.style.animation="pulse 1.5s infinite"}function pause(){clearInterval(myTimer),clearInterval(contentTimer)}function resume(){clearInterval(myTimer),clearInterval(contentTimer),myTimer=setInterval(function(){plusSlides(slideIndex)},3e3),contentTimer=setInterval(function(){contentchange(count)},3e3)}function showSlides(n){var i,dots=document.getElementsByClassName("th-review-nav-btn");if(dots.length>0){for(n>dots.length&&(slideIndex=1),i=0;i<dots.length;i++)dots[i].className=dots[i].className.replace(" active","");dots[slideIndex-1].className+=" active"}}function plusSlides(n){clearInterval(myTimer),showSlides(n<0?slideIndex-=1:slideIndex+=1),myTimer=-1===n?setInterval(function(){plusSlides(n+2)},3e3):setInterval(function(){plusSlides(n+1)},3e3)}function accordionexpand(elm){var i,curr_panel=elm.getElementsByClassName("th-panel")[0],accordion_qstn=elm.getElementsByClassName("th-accordion-qstn")[0],accordion_qstn_img=elm.getElementsByClassName("th-accordion-img")[0],accordion_qstn_img_opn=elm.getElementsByClassName("th-accordion-img-opn")[0],accordion_qstn_para=accordion_qstn.querySelector("p"),panel=document.getElementsByClassName("th-panel");for(i=0;i<panel.length;i++)if(curr_panel!=panel[i]&&"block"===panel[i].style.display){var parentaccordion=panel[i].parentNode,parent_accordion_qstn=parentaccordion.getElementsByClassName("th-accordion-qstn")[0],parent_accordion_img=parentaccordion.getElementsByClassName("th-accordion-img")[0],parent_accordion_img_opn=parentaccordion.getElementsByClassName("th-accordion-img-opn")[0],parent_accordion_qstn_p=parent_accordion_qstn.querySelector("p");panel[i].style.display="none",parent_accordion_qstn_p.style.color="#121933",parentaccordion.style.zIndex="unset",parentaccordion.style.borderColor="#dfdfdf",parent_accordion_qstn.style.marginTop="0px",parent_accordion_img.style.display="block",parent_accordion_img_opn.style.display="none"}"block"===curr_panel.style.display?(curr_panel.style.display="none",accordion_qstn_para.style.color="#121933",elm.style.zIndex="unset",accordion_qstn.style.marginTop="0",elm.style.borderColor="#dfdfdf",accordion_qstn_img.style.display="block",accordion_qstn_img_opn.style.display="none"):(curr_panel.style.display="block",accordion_qstn_para.style.color="#6E55FF",elm.style.zIndex="1",elm.style.borderColor="#6E55FF",accordion_qstn.style.marginTop="1.53rem",accordion_qstn_img.style.display="none",accordion_qstn_img_opn.style.display="block")}function slideContent(n){var review_heading=["Excellent plugin, and fantastic support","Reliable plug-in and great support","Great plugin, super helpful Support","Useful plugin for variation swatches","Easy to use and reliable"],headingContainer=document.getElementsByClassName("th-review-heading"),review_content=["This is an excellent plugin.<br>It did everything I needed.<br>And when I needed help, I was able to count on a fantastic support team.<br>Excellent reception.<br>Very worth the investment.","This is a plug-in for using extra product options in your Woocommerce shop. I’m using it for more than a year now with several sites and we’ve never had a single problem or bug.While buying and recently I’ve had a couple of questions, that were answered on the spot, so we’re very satisfied. Keep up the great work!","The pro version of the plugin is just what I needed, and Support was very thorough in answering my questions","I found this plugin the most useful among other ones, because: It has 5 different swatches types like color/bio color, Image, Image with label, text/label/button, and radio. It has swatches display styles that makes it possible to display many swatches in Horizontal scroll, vertical scroll, accordion, dropdown, and slider. The possibility to create links for variations Affordable Price for pro version Fantastic support team for solving problems and customizations Creating unlimited designs for variation swatches Creating custom designs for each variation Compatibility with other plugins","Thank you, ThemeHigh, for this delightful and easy to use plugin when you need just that small something extra."],contentContainer=document.getElementsByClassName("th-review-content"),review_author=["Guilherme Souza","resultancy","Kazerniel","Reza Manouchehri","tigmewp"],authorContainer=document.getElementsByClassName("th-review-user-name");n>review_heading.length-1&&(count=0),headingContainer[0].innerHTML=review_heading[count],contentContainer[0].innerHTML=review_content[count],authorContainer[0].innerHTML=review_author[count]}function contentchange(n){clearInterval(contentTimer),slideContent(n<0?count-=1:count+=1),contentTimer=setInterval(function(){contentchange(1)},3e3)}function plusSlides(n){clearInterval(myTimer),showSlides(n<0?slideIndex-=1:slideIndex+=1),myTimer=-1===n?setInterval(function(){plusSlides(n+2)},3e3):setInterval(function(){plusSlides(n+1)},3e3)}function currentSlide(n){clearInterval(myTimer),myTimer=setInterval(function(){plusSlides(n+1)},3e3),showSlides(slideIndex=n),clearInterval(contentTimer),contentTimer=setInterval(function(){contentchange(n+1)},3e3),slideContent(count=n)}var mediaUploader;$(document).ready(function(e){var feature_popup=$(".thwvsf-pro-discount-popup");$(".thwvsf-pro-discount-popup-wrapper");feature_popup.length>0&&($("body").css("overflow","hidden"),feature_popup[0].style.display="flex")}),$(function(){var settings_div=$("#edittag"),add_tag_div=$("#addtag"),advanced_settings_div=$("#advanced_settings_form"),custom_attr_div=$(".thwvsf-custom-table"),design_settings_div=$("#thwvs_design_form");thwvsf_base.setupColorPicker(advanced_settings_div),thwvsf_base.setupColorPicker(settings_div),thwvsf_base.setupColorPicker(add_tag_div),thwvsf_base.setupColorPicker(custom_attr_div),thwvsf_base.setupColorPicker(design_settings_div);$(".thwvsadmin-wrapper"),$("#last_active_tab").val();thwvsf_base.setup_form_side_popup(),$(".th-swatch-option-link").closest("#col-container").addClass("th-attr-container")});var placeholder=thwvsf_var.placeholder_image,DESIGN_FORM_FIELDS={design_name:{name:"design_name",label:" Design Name",type:"text",value:""},icon_height:{name:"icon_height",type:"text",value:"45px"},icon_width:{name:"icon_height",type:"text",value:"45px"},icon_shape:{name:"icon_shape",type:"select",value:"0px"},icon_label_height:{name:"icon_height",type:"text",value:"45px"},icon_label_width:{name:"icon_height",type:"text",value:"auto"},label_size:{name:"label_size",type:"text",value:"16px"},label_background_color:{name:"label_background_color",type:"colorpicker",value:"#fff"},label_text_color:{name:"label_text_color",type:"colorpicker",value:"#000"},icon_border_color:{name:"icon_border_color",type:"colorpicker",value:"#d1d7da"},icon_border_color_hover:{name:"icon_border_color_hover",type:"colorpicker",value:"#aaaaaa"},icon_border_color_selected:{name:"icon_border_color_selected",type:"colorpicker",value:"#827d7d"},common_selection_style:{name:"common_selection_style",type:"select",value:"border"},tick_color:{name:"tick_color",type:"colorpicker",value:"#ffffff"},tick_size:{name:"tick_size",type:"text",value:"15px"},label_selection_style:{name:"label_selection_style",type:"select",value:"border"},label_background_color_hover:{name:"label_background_color_hover",type:"colorpicker",value:"#ffffff"},label_text_color_hover:{name:"label_text_color_hover",type:"colorpicker",value:"#000000"},label_background_color_selection:{name:"label_background_color_selection",type:"colorpicker",value:"#000000"},label_text_color_selection:{name:"label_text_color_selection",type:"colorpicker",value:"#ffffff"},label_tick_color:{name:"label_tick_color",type:"colorpicker",value:"#000000"},label_tick_size:{name:"label_tick_size",type:"text",value:"15px"},enable_swatch_dropdown:{name:"enable_swatch_dropdown",type:"checkbox",value:0},tooltip_enable:{name:"tooltip_enable",type:"checkbox",value:0},tooltip_text_background_color:{name:"tooltip_text_background_color",type:"colorpicker",value:"#000000"},tooltip_text_color:{name:"tooltip_text_color",type:"colorpicker",value:"#ffffff"}};$(document).ajaxComplete(function(event,request,options){if(request&&4===request.readyState&&200===request.status&&options.data&&0<=options.data.indexOf("action=add-tag")){var res=wpAjax.parseAjaxResponse(request.responseXML,"ajax-response");if(!res||res.errors)return;return $(".i_index_media_img").attr("src",placeholder),$(".i_index_media").val(""),$("#product_cat_thumbnail_id").val(""),$(".thwvsf_remove_image_button").hide(),void $(".thwvsf_settings_fields_form").find(".thpladmin-colorpickpreview").css("background-color","")}if(request&&4===request.readyState&&200===request.status&&options.data&&0<=options.data.indexOf("action=woocommerce_save_attributes")){var this_page=window.location.toString();this_page=this_page.replace("post-new.php?","post.php?post="+woocommerce_admin_meta_boxes.post_id+"&action=edit&");$(".thwvs-custom-table");$("#thwvs-product-attribute-settings").load(this_page+" #custom_variations_inner",function(){$("#thwvs-product-attribute-settings").trigger("reload"),thwvsf_base.setupColorPicker($(".th-custom-attr-color-td")),$("#thwvs-product-attribute-settings").trigger("init_tooltips")})}}),$(document).on("click",".thpladmin-notice .notice-dismiss",function(){var wrapper=$(this).closest("div.thpladmin-notice"),nonce=wrapper.data("nonce"),data={thwvsf_review_nonce:nonce,action:"dismiss_thwvsf_review_request_notice"};$.post(ajaxurl,data,function(){})});var myTimer,contentTimer,slideshowContainer,slideIndex=1,count=0;return window.addEventListener("load",function(){showSlides(slideIndex),myTimer=setInterval(function(){plusSlides(1)},3e3),(slideshowContainer=document.getElementsByClassName("th-user-review-section")[0])&&(slideshowContainer.addEventListener("mouseenter",pause),slideshowContainer.addEventListener("mouseleave",resume),slideContent(count),contentTimer=setInterval(function(){contentchange(1)},3e3))}),{upload_icon_image:upload_icon_image,remove_icon_image:remove_icon_image,change_term_type:change_term_type,open_term_body:open_term_body,EditDesignForm:edit_design_form,CloseDesignPopup:close_design_popup,TriggerAttributeTab:trigger_attribute_tab,OpenAttributeForm:open_attribute_form,SwatchTypeChangeListner:swatch_type_change_listener,show_check_styles:show_check_styles,label_selection_syles:label_selection_syles,thwvsfwidgetPopUp:widget_popup,thwvsfwidgetClose:widget_close,thwvsfAccordionexpand:accordionexpand,currentSlide:currentSlide}}(window.jQuery,window,document);jQuery(function($){"use strict";function save_new_term($wrapper,$dialog,attribute){var new_attribute_name="",term_spec={};if(new_attribute_name=$dialog.find('input[name = "attribute_name"]').val(),term_spec["product_"+attribute]=$dialog.find('input[name = "attribute_type"]').val(),new_attribute_name){var ajax_data=_extends({action:"woocommerce_add_new_attribute",taxonomy:attribute,term:new_attribute_name,security:woocommerce_admin_meta_boxes.add_attribute_nonce},term_spec);$.post(woocommerce_admin_meta_boxes.ajax_url,ajax_data,function(response){response.error?window.alert(response.error):response.slug&&($wrapper.find("select.attribute_values").append('<option value="'+response.term_id+'" selected="selected">'+response.name+"</option>"),$wrapper.find("select.attribute_values").change()),$(".product_attributes").unblock()})}else $(".product_attributes").unblock()}var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target};$(".product_attributes").on("click","button.thwvsf_add_new_attribute",function(event){event.preventDefault(),$(".thwvsf-class").val("");var placeholder=thwvsf_var.placeholder_image;$(".i_index_media_img").attr("src",placeholder),$(".thpladmin-colorpickpreview").css("background-color","");var popup_outer=$(".thwvsf-attribte-dialog");if(popup_outer.find("input[type=text]").val(""),popup_outer.hasClass("thwvsf-attribte-dialog-image")){popup_outer.find(".thwvsf_remove_image_button").hide()}var $wrapper=$(this).closest(".woocommerce_attribute"),attribute=$wrapper.data("taxonomy"),type=($(this).data("attr_taxonomy"),$(this).data("attr_type")),settings_div=$(".thwvsf_settings_fields_form");thwvsf_base.setupColorPicker(settings_div);var $popup_div=$(".thwvsf-attribte-dialog-"+type),height="color"==type?395:250;$popup_div.length>0&&($popup_div.dialog({dialogClass:"wp-dialog thwvsf-popup",title:"Add new term",modal:!0,autoOpen:!1,width:500,minHeight:height,buttons:[{text:"save",class:"button_class",click:function(){save_new_term($wrapper,$(this),attribute),$(this).dialog("close")}}]}),$(".product_attributes").block({message:null,overlayCSS:{background:"#fff",opacity:.6}}),$popup_div.dialog("open"),$(".product_attributes").unblock(),$(".ui-dialog.thwvsf-popup").css("z-index",99999999))})});

product-variation-swatches-for-woocommerce/trunk/admin/class-thwvsf-admin-settings-pro.php

@@ -32 +32 @@
 
     private function render_content(){
+        $url = "https://www.themehigh.com/product/woocommerce-product-variation-swatches/?utm_source=free&utm_medium=premium_tab&utm_campaign=wpvs_upgrade_link";
         ?>
         <div class="th-wrap-pro">
             <div class="th-nice-box">
-                <h2>Key Features of Variation Swatches Pro</h2>
-                <p>Variation Swatches Premium Version serves you more features for customizing your product variations and helps to make your product page more engaging.</p>
-                <ul class="feature-list star-list">
-                    <li>
-                        <div class = "th-feat-head">5 Available Swatch Types</div>
-                        <div class = "th-feat-desc">The Premium version provides you with a total of 5 Swatch Types, 
-                                    Label Swatches,Image Swatches,Color Swatches,Radio Swatches,Image with Label Swatches.
-                        </div>
-                    </li>
-                     <li>
-                        <div class = "th-feat-head">Swatches on Shop/Archive page</div>
-                        <div class = "th-feat-desc">Display variation swatches on WooCommerce Shop/Archive Page to view the availability of products</div>
-                    </li>
-                    <li>
-                        <div class = "th-feat-head">Swatch Display Styles</div>
-                        <div class = "th-feat-desc">Swatches can be displayed in five different styles, in addition to the default style: Swatch Dropdown, Slider, Accordion, Horizontal Scroller, and Vertical Scroller.</div>
-                    </li>
-                     <li>
-                        <div class = "th-feat-head">Display Variation Price and Images on Shop Page</div>
-                        <div class = "th-feat-desc">Display each variant’s image and price with the variation swatches on the WooCommerce Shop page.</div>
-                    </li>
-                     <li>
-                        <div class = "th-feat-head">Out of stock label</div>
-                        <div class = "th-feat-desc">Display an Out of Stock label to let your customers know about the existing variants without hiding the out of stock variations.</div>
-                    </li>
-                     <li>
-                        <div class = "th-feat-head">Stock left alert</div>
-                        <div class = "th-feat-desc">Notify your customers about minimum stock remaining using the stock left alert feature.</div>
-                    </li>
-                     <li>
-                        <div class = "th-feat-head">Separate Style Customization</div>
-                        <div class = "th-feat-desc">Swatches can be customized by styling the icon hover properties. </div>
-                    </li>
-                     <li>
-                        <div class = "th-feat-head">Swatches Alignment</div>
-                        <div class = "th-feat-desc">You can adjust the Swathes alignment on left,right or centre.</div>
-                    </li>
-                     <li>
-                        <div class = "th-feat-head">Variation Limit to display</div>
-                        <div class = "th-feat-desc">Limit the number of variants to be displayed.</div>
-                    </li>
-                     <li>
-                        <div class = "th-feat-head">Extra Tooltip Styling for Swatches  (Image, Term Name or Description)</div>
-                        <div class = "th-feat-desc">Pick a suitable color, text size, background color, etc from the Tooltip Styling tab to customize the tooltip..</div>
-                    </li>
-                     <li>
-                        <div class = "th-feat-head">Add Multiple Swatch Design</div>
-                        <div class = "th-feat-desc">You can create as many designs for the swatches attribute for a single website.</div>
-                    </li>
-                     <li>
-                        <div class = "th-feat-head">Default dropdown to variation Image or Label swatches</div>
-                        <div class = "th-feat-desc">Default dropdown style can be auto converted to Label or Variation Image swatches. </div>
-                    </li>
-                     <li>
-                        <div class = "th-feat-head">Bicolor Swatches </div>
-                        <div class = "th-feat-desc">Show dual colours in a single swatch for products that have multiple colors.</div>
-                    </li>
-
-                </ul>
-                <p>
-                    <a class="button big-button" target="_blank" href="https://www.themehigh.com/product/woocommerce-product-variation-swatches//?utm_source=free&utm_medium=premium_tab&utm_campaign=wpvs_upgrade_link">Upgrade to Premium Version</a>
-                    <a class="button big-button" target="_blank" href="https://flydemos.com/wpvs/?utm_source=free&utm_medium=banner&utm_campaign=wepo_trydemo" style="margin-left: 20px">Try Demo</a>
-                </p>
+                <div class="th-ad-banner">
+                    <div class="th-ad-content">
+                        <div class="th-ad-content-container">
+                            <div class="th-ad-content-desc">
+                                <p>Showcase your product variations with precision and style – unlock advanced display options with Pro.</p>  
+                            </div>
+                            <div class="upgrade-pro-btn-div">
+                                <a class="btn-upgrade-pro above" href="<?php echo esc_url($url); ?>" target="_blank" rel="noopener noreferrer" onclick="this.classList.add('clicked')">Upgrade to Pro</a>
+                            </div> 
+                        </div>
+                    </div>
+                    <div class="th-ad-terms">
+                        <div class="th-ad-guarantee">
+                            <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/guarantee.svg'); ?>">
+                        </div>
+                        <p class="th-ad-term-head">30 DAYS MONEY BACK GUARANTEE
+                        <span class="th-ad-term-desc">100% Refund, if you are not satisfied.</span></p>
+                    </div>
+                </div>
+                <div class="th-wrapper-main">
+                    <div class="th-try-demo">
+                        <h3 class="trydemo-heading">Transform Your Product Pages with These Pro-Only Benefits</h3>
+                        <p class="try-demo-desc">Variation Swatches Pro offers advanced styling capabilities to enrich your product pages with a more engaging and vibrant visual experience. Don’t hold back — take your product pages to the next level right now!.</p>
+                        <div class="th-pro-btn">
+                            <a class="btn-get-pro" onclick="this.classList.add('clicked')" href="<?php echo esc_url($url); ?>" target="_blank" rel="noopener noreferrer" ><?php echo __('Get Pro', 'woo-extra-product-options');?></a>
+                            <a class="btn-try-demo" href="https://flydemos.com/wpvs/?utm_source=wpvs_free&utm_medium=banner&utm_campaign=try_demo"
+                            target="_blank" rel="noopener noreferrer" onclick="this.classList.add('clicked')" ><?php echo __('Try Demo', 'woo-extra-product-options');?></a></div>
+                        <!-- <img class="vedio" src="" alt="no img">  ADD vedio tutorial-->
+                    </div>
+                    <section class="th-wvs-key-feature">
+                        
+                        <h3 class="th-feautre-head">Key Features of WooCommerce Variation Swatches Pro</h3>
+                    
+                        <p class="th-feautre-desc">Upgrade to Variation Swatches Pro to unlock advanced styling, better control, and enhanced display options.</p>
+                        <div class="th-wvs-feature-list-ul">
+                            <ul class="th-wvs-feature-list">
+                                <li>Convert variation dropdowns to 5 swatch types</li>
+                                <li>Show out-of-stock variants with custom styles</li>
+                                <li>Generate links for specific product variations</li>
+                                <li>Built-in search to locate swatch designs and attributes</li>
+                                <li>Show swatches on cart and checkout pages</li>
+                                <li>Style the clear selection button</li>
+                                <li>Customize swatch appearance and layout</li>
+                                <li>Auto convert dropdown to label/button swatches</li>
+                                <li>Auto convert dropdown to variation image swatches</li>
+                                <li>Show swatches on shop, archive pages and additional info section</li>
+                                <li>Enable bi-color swatches</li>
+                                <li>Display stock left alert</li>
+                                <li>Choose from 3 additional tooltip styles</li>
+                                <li>Style featured swatches, info section, and shop swatches</li>
+                                <li>Style attribute descriptions</li>
+                                <li>Show selected variation next to label</li>
+                                <li>Featured attribute settings</li>
+                            </ul>   
+                        </div>
+                        <div class="th-get-pro">
+                            <div class="th-get-pro-img">
+                                <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/rocket.svg'); ?>">
+                            </div>
+                            <div class='th-wrapper-get-pro'>
+                                <div class="th-get-pro-desc">
+                                    <p class="th-get-pro-desc-head">Switch to the Pro version and be a part of our limitless features
+                                        <!-- <span class="th-get-pro-desc-contnt"><?php //echo __('Switch to a world of seamless checkout with an ocean of possibilities to customize.', 'woo-extra-product-options');?></span> -->
+                                    </p>
+                                </div>
+                                <div class="th-get-pro-btn">
+                                    <a class="btn-upgrade-pro orange" href="<?php echo esc_url($url); ?>" target="_blank" rel="noopener noreferrer" onclick="this.classList.add('clicked')" >Get Pro</a>
+                                </div>
+                            </div>
+                        </div>
+                    </section>
+                    <div class="th-star-support">
+                        <div class="th-user-star">
+                            <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/customer.png'); ?>">
+                            <p class="th-user-star-desc">2 Million+ Customer Base</p>
+                        </div>
+                        <div class="th-pro-support">
+                            <div class="th-pro-support-img">
+                                <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/support.svg'); ?>">
+                            </div>
+                            <p class="th-pro-support-desc">Enjoy the <em>premium support</em> experience with our dedicated support team.</p>
+                        </div>
+                        <div class="th-hor-line"></div>
+                    </div>
+                    
+                    <section class="th-design-types">
+                        <div class="th-design-types-content">
+                            <div class="th-design-types-left"> 
+                                <h3 class="th-design-types-head">Swatch Design Types</h3>
+                                <p class="th-design-types-desc">Upgrade to Variation Swatches Pro to unlock advanced styling, better control, and enhanced display options not available in the free version</p>
+                                <h3>Image with Label</h3>
+                                <p class="th-design-types-desc">Combines both image and label for enhanced visual and textual context</p>
+                            </div>
+                            <div class="th-design-img">
+                                <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/img-with-label.png'); ?>">
+                            </div>
+                        </div>
+                    </section>
+                    <div class="th-pro-features-row">
+                        <div class="th-pro-features-col-left">   
+                            <section class="th-pro-feature wvs-display">
+                                <div class="th-wvs-pro">
+                                    <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/pro.svg'); ?>">
+                                </div>
+                                <div class="th-feature-head">Swatch Display Options/Swatches Appearance</div>
+                                <p class="th-feature-desc">The plugin provides five additional configurable layout options for displaying swatches on product pages.</p>
+                                <ul class="th-feature-section-list">
+                                    <li><b>Slider: </b> Display swatches within a horizontally scrollable slider</li>
+                                    <li><b>Accordion: </b> Stack swatches in a collapsible accordion format</li>
+                                    <li><b>Horizontal Scroller: </b> Enable horizontal scrolling for swatch lists</li>
+                                    <li><b>Vertical Scroller: </b> Enable vertical scrolling for longer swatch lists</li>
+                                    <li><b>Swatch Dropdown:</b> Display swatches within a compact dropdown menu.</li>
+                                </ul>
+                                <div class="wvs-display-img-wrap">
+                                    <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/swatch-display.png'); ?>">
+                                </div>
+                            </section>
+                            <section class="th-pro-feature wvs-stock-feature">
+                                <div class="th-wvs-pro">
+                                    <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/pro.svg'); ?>">
+                                </div>
+                                <div class="th-feature-head">Stock and Availability Settings</div>
+                                <p class="th-feature-desc">Control how out-of-stock items appear, keep users informed, and make the shopping experience smoother</p>
+                                <ul class="th-feature-section-list selection-style-list wvs-stock-list">
+                                    <li>Customize out-of-stock variation display: blur, hide, and cross icon color (Pro)</li>
+                                    <li>Let users click on out-of-stock variations</li>
+                                    <li>Show how many items are left in stock</li>
+                                    <li>Set a stock level to trigger a low stock alert</li>
+                                    <li>Display a “Back Order” label when items are available for backorder</li>
+                                </ul>
+                            </section>
+                            <section class="th-pro-feature wvs-feature-note">
+                                <div class="th-wvs-pro">
+                                    <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/pro.svg'); ?>">
+                                </div>
+                                <div class="th-feature-head"> Unlimited Swatch Design customization</div>
+                                <p class="th-feature-desc">Create and manage an unlimited number of custom swatch designs. Each design can be individually mapped to specific product attributes, allowing flexible styling and consistent visual representation across your catalog.</p>
+                                
+                            </section>
+                        </div>
+                        <div class="th-pro-features-col-right">
+                            <section class="th-pro-feature wvs-selection">
+                                <div class="th-wvs-pro">
+                                    <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/pro.svg'); ?>">
+                                </div>
+                                <div class="th-feature-head">Hover and Selection Styling</div>
+                                <p class="th-feature-desc">Make your swatches stand out with smooth hover effects and clean selection styles for a more engaging shopping experience</p>
+                                
+                                <div class="th-dispaly-rule-list">
+                                    <div class="th-feature-sub-head">Hover Style</div>
+                                    <ul class="th-feature-section-list selection-style-list">
+                                        <li><b>Hover Border Styling: </b> Set border color and width on hover</li>
+                                        <li><b>Selection Hover Styling: </b> Apply border or enlarge effect on hover</li>
+                                    </ul>
+                                    <div class="th-feature-sub-head">Selection Style</div>
+                                    <ul class="th-feature-section-list selection-style-list">
+                                        <li><b>Selection Border Style: </b> Set border color and width for selected swatches.</li>
+                                        <li><b>Color/Image Selection Style: </b> Choose between border highlight or checkmark with border on selection.</li>
+                                        <li><b>Button/Label Selection Style: </b> Choose border or checkmark with border, and customize background and font color on selection.</li>
+                                    </ul>
+                                </div>
+                                <div class="feature-desc-imgs">
+                                    <div class="sel-style-box-1">
+                                        <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/sel-style-1.png'); ?>" alt="Selection Style 1">
+                                    </div>
+                                    <div class="sel-style-box-2">
+                                        <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/sel-style-2.png'); ?>" alt="Selection Style 2">   
+                                        <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/select.png'); ?>" alt="Selection Style Tick" class="overlay-tick">
+                                    </div>
+                                </div>
+                            </section>
+
+                            <section class="th-pro-feature wvs-tt-style" style="padding-bottom: 30px;">
+                                <div class="th-wvs-pro">
+                                    <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/pro.svg'); ?>">
+                                </div>
+                                <div class="th-feature-head">Tooltip Styling</div>
+                                <p class="th-feature-desc">Style your tooltips your way so they match your brand and look great on hover. There are three types of tooltips available:</p>
+                                <ul class="th-feature-section-list wvs-tooltip-list">
+                                    <li>Image Tooltip</li>
+                                    <li>Term Tooltip</li>
+                                    <li>Description Tooltip</li>
+                                </ul>
+                                <div class="tt-styles-row">
+                                     <div class="tt-style-box">
+                                        <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/img-tt.png'); ?>" alt="Image 1">
+                                    </div>
+                                    <div class="tt-style-box">
+                                        <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/term-name-tt.png'); ?>" alt="Image 2">
+                                    </div>
+                                    <div class="tt-style-box">
+                                        <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/desc-tt.png'); ?>" alt="Image 3">
+                                    </div>
+                                </div>
+                            </section>
+
+                            
+                
+                        </div>
+                    </div>
+                    
+                    <div class="th-review-section">
+                        <div class="review-image-section">
+                            <div class="review-quote-img">
+                                <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/reviewquotes.png'); ?>">
+                            </div>
+                        </div>
+                        <div id="indicator" class="th-review-navigator" style="text-align:center">
+                            <a class="prev" onclick='plusSlides(-1)'></a>
+                            <a class="next" onclick='plusSlides(1)'></a>
+                            <span class="dot th-review-nav-btn" onclick="currentSlide(1)"></span>
+                            <span class="dot th-review-nav-btn" onclick="currentSlide(2)"></span>
+                            <span class="dot th-review-nav-btn" onclick="currentSlide(3)"></span>
+                            <span class="dot th-review-nav-btn" onclick="currentSlide(4)"></span>
+                            <span class="dot th-review-nav-btn" onclick="currentSlide(5)"></span>
+                        </div>
+                        <div class="th-user-review-section">
+                            <div class="th-review-quote">
+                            <img src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/quotes.svg'); ?>">
+                            </div>
+                            <div class="th-user-review">
+                                <h3 class="th-review-heading">Excellent plugin, and fantastic support</h3>
+                                <p class="th-review-content">This is an excellent plugin.<br>It did everything I needed.<br>And when I needed help, I was able to count on a fantastic support team.<br>Excellent reception.<br>Very worth the investment.</p>
+                                <p class="th-review-user-name">Guilherme Souza</p>
+                            </div>
+                        </div>
+                    </div>
+                    <section class="th-faq-tab">
+                        <div class="th-faq-desc">
+                            <h3>FAQ's</h3>
+                            <p class="th-faq-para">Don't worry! Here are the answer to your frequent doubt and questions. If you feel you haven't been answered relevantly, feel free to contact our efficient support team.</p>
+                        
+                        </div>
+                        <div class="th-faq-qstns" >
+                            <button class="th-accordion" onclick="thwvsfAccordionexpand(this)">
+                                <div class="th-accordion-qstn">
+                                    <p>How to upgrade to the premium version of the plugin and how can I apply the license key to activate the pro plugin?</p>
+                                    <img class="th-accordion-img" src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/blck-down-arrow.svg'); ?>">
+                                    <img class="th-accordion-img-opn" src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/blue-down-arrow.svg'); ?>">
+                                </div>
+                                <div class="th-panel">
+                                    <p>Please follow the steps given in the below links to purchase the plugin and activate the license.</p>
+                                    <p>
+                                        <a href="https://www.themehigh.com/docs/download-and-install-your-plugin/" target="_blank" rel="noopener noreferrer">https://www.themehigh.com/docs/download-and-install-your-plugin/</a><br>
+                                    </p>
+                                    <p class="th-faq-links">
+                                        <a href="https://www.themehigh.com/docs/manage-license/" target="_blank" rel="noopener noreferrer">https://www.themehigh.com/docs/manage-license/</a><br>
+                                    </p>
+                                </div>
+                            </button>                   
+                            <button class="th-accordion" onclick="thwvsfAccordionexpand(this)">
+                                <div class="th-accordion-qstn">
+                                    <p>Do I have to keep both the free version and the pro version after buying the pro version?</p>
+                                    <img class="th-accordion-img" src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/blck-down-arrow.svg'); ?>">
+                                    <img class="th-accordion-img-opn" src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/blue-down-arrow.svg'); ?>">
+                                </div>
+                                <div class="th-panel">
+                                    <p class="th-faq-answer">Please note that free and premium versions are different plugins entirely. So, you can deactivate and remove the free version of the plugin from your website, if you start using the premium version.</p>
+                                </div>
+                            </button>
+                            
+                            <button class="th-accordion" onclick="thwvsfAccordionexpand(this)">
+                                <div class="th-accordion-qstn">
+                                    <p>How to migrate our configuration from the free version to the pro version?</p>
+                                    <img class="th-accordion-img" src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/blck-down-arrow.svg'); ?>">
+                                    <img class="th-accordion-img-opn" src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/blue-down-arrow.svg'); ?>">
+                                </div>
+                                <div class="th-panel">
+                                    <p class="th-faq-answer">At the time when you upgrade the plugin from the free to the premium version, the free plugin settings will get automatically migrated to the premium version.
+        
+                                    Please confirm whether all swatches that you created in the free version have been migrated to the premium version after upgrading. If so you can safely deactivate and delete the free version from your site.</p>
+                                </div>
+                            </button>
+                            <button class="th-accordion" onclick="thwvsfAccordionexpand(this)">
+                                <div class="th-accordion-qstn">
+                                    <p>Will I get a refund if the pro plugin doesn't meet my requirements?</p>
+                                    <img class="th-accordion-img" src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/blck-down-arrow.svg'); ?>">
+                                    <img class="th-accordion-img-opn" src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/blue-down-arrow.svg'); ?>">
+                                </div>
+                                
+                                <div class="th-panel">
+                                    <p>Please note that as per our refund policy, we will provide a refund within one month from the date of purchase, if you are not satisfied with the product. Please refer to the below link for more details:
+                                    </p>
+                                    <p class="th-faq-answer">
+                                        <a href="https://www.themehigh.com/refund-policy/" target="_blank" rel="noopener noreferrer">https://www.themehigh.com/refund-policy/</a><br>
+                                    </p>
+                                </div>
+                            </button>
+                            <button class="th-accordion" onclick="thwvsfAccordionexpand(this)">
+                                <div class="th-accordion-qstn">
+                                    <p>Can I display variation swatches on the Shop or Archive pages?</p>
+                                    <img class="th-accordion-img" src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/blck-down-arrow.svg'); ?>">
+                                    <img class="th-accordion-img-opn" src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/blue-down-arrow.svg'); ?>">
+                                </div>
+                                
+                                <div class="th-panel">
+                                    <p>Yes! With the <b>premium version</b> of our plugin, you can easily showcase beautiful variation swatches directly on your Shop and Archive pages. 
+                                    </p>
+                                    
+                                </div>
+                            </button>
+                            <button class="th-accordion" onclick="thwvsfAccordionexpand(this)">
+                                <div class="th-accordion-qstn">
+                                    <p>Can I display only one attribute (like color or size) on the Shop page?</p>
+                                    <img class="th-accordion-img" src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/blck-down-arrow.svg'); ?>">
+                                    <img class="th-accordion-img-opn" src="<?php echo esc_url(THWVSF_URL .'admin/assets/images/blue-down-arrow.svg'); ?>">
+                                </div>
+                                
+                                <div class="th-panel">
+                                    <p> Yes, you can show a single attribute on the shop page by marking it as a <b>Featured Attribute</b> available in the premium version of our plugin 
+                                    </p>
+                                    
+                                </div>
+                            </button>
+                            
+                        </div>
+                    </section>
+                    <section class="switch-to-pro-tab">
+                        <div class="th-switch-to-pro">
+                            <h3 class="switch-to-pro-heading">Switch to Pro version and be a part of our limitless features</h3>
+                            <p>Switch to Pro and unlock access to a few of the most sought-after features on your product page and experience one-of-a-kind personalization like never before.</p>
+                            <!-- <div class="th-button-get-pro-link"> -->
+                                <a class="button-get-pro" href="<?php echo esc_url($url); ?>" target="_blank" rel="noopener noreferrer" onclick="this.classList.add('clicked')"><?php echo __('Get Pro', 'woo-extra-product-options');?></a> 
+                            <!-- </div> -->
+                            
+                        </div>
+                    </section>
+                </div> 
             </div>
-            <div class="th-flexbox">
-                
-                <div class="th-flexbox-child th-nice-box">
-                    <h2>Additional Features </h2>
-                    <p>Apart from the basic functionalities, the Premium version includes some additional features to make your store more appealing.</p>
-                    <ul class="feature-list additional-feat">
-                        <li>
-                            Display attributes as swatches:
-                            <p>Display attributes on filter widgets as swatches.</p>
-                        </li>
-                        <li>
-                            Share Product Variations as URL:
-                            <p>Create a product variation link to have a quick purchase or to share the selected variation.</p>
-                        </li>
-                        <li>
-                            Radio Swatch Styles:
-                            <p>Choose a suitable Radio Swatch style from the two given options.</p>
-                        </li>
-                        <li>
-                            Display swatches in additional info:
-                            <p>The variation swatches can be displayed on the Product page's Additional info section.</p>
-                        </li>
-                        <li>
-                            Search option Swatch design & attributes:
-                            <p>Save time by using the Search feature to find any Attributes or Swatch designs you want.</p>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            
         </div>
         <?php

product-variation-swatches-for-woocommerce/trunk/product-variation-swatches-for-woocommerce.php

@@ -4 +4 @@
  * Plugin URI:        https://themehigh.com/product/woocommerce-product-variation-swatches
  * Description:       Product Variation Swatches for WooCommerce lets you add variation swatches for variable product attributes in your WooCommerce online store.
- * Version:           2.4.0
+ * Version:           2.4.1
  * Author:            ThemeHigh
  * Author URI:        https://themehigh.com/
@@ -12 +12 @@
  *
  * WC requires at least: 4.0.0
- * WC tested up to: 9.7
+ * WC tested up to: 9.9
  */
 
@@ -29 +29 @@
 
 if(is_woocommerce_active()) {
-    define('THWVSF_VERSION', '2.4.0');
+    define('THWVSF_VERSION', '2.4.1');
     !defined('THWVSF_FILE') && define('THWVSF_FILE', __FILE__);
     !defined('THWVSF_PATH') && define('THWVSF_PATH', plugin_dir_path( __FILE__ ));

product-variation-swatches-for-woocommerce/trunk/public/assets/css/thwvsf-public.css

@@ -531 +531 @@
 }
 
+/*keyboard access */
+/* Screen reader only text */
+.th-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}

product-variation-swatches-for-woocommerce/trunk/public/assets/css/thwvsf-public.min.css

@@ -1 @@
-.cell-p-0 td,.cell-p-0 th,.p-0{padding:0!important}.cell-p-5 td,.cell-p-5 th,.p-5{padding:5!important}.cell-p-10 td,.cell-p-10 th,.p-10{padding:10!important}.fa.fa-inverse{color:#6d6d6d}.fa-inverse:hover{color:#fff}.selected{color:#71b02f}.selected>.fa-inverse{color:#fff}@font-face{font-family:check;src:url(./font/check.eot?44552751);src:url(./font/check.eot?44552751#iefix) format('embedded-opentype'),url(./font/check.woff?44552751) format('woff'),url(./font/check.ttf?44552751) format('truetype'),url(./font/check.svg?44552751#check) format('svg');font-weight:400;font-style:normal}.thwvsf-style{display:block!important;width:150px!important}span.tier-name{position:absolute!important;left:48px!important;font-size:17px!important}.fa{text-align:left!important}.fa-check{left:8px!important}.float{display:inline-block;position:relative}.clos{float:left;position:absolute;left:0;top:0;z-index:1000;padding:5px;font-weight:700}.thwvsf-wrapper-ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;list-style:none;position:relative}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li{list-style:none;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative;width:45px;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3);box-shadow:0 0 0 1px #d1d7da;padding:2px;margin:4px 8px 4px 0}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li:hover{-webkit-box-shadow:0 0 0 3px rgba(0,0,0,.1);box-shadow:0 0 0 3px #b7bfc6}.thwvsf-wrapper-ul .thwvsf-item-span-color{width:100%;height:100%;position:relative;border-radius:inherit}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.thwvsf-label-li{min-width:30px;text-align:center}.thwvsf-wrapper-ul .thwvsf-item-span.item-span-text{padding:0 5px;font-size:16px}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.thwvsf-selected,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.thwvsf-selected:hover{-webkit-box-shadow:0 0 0 2px rgba(0,0,0,.9);box-shadow:0 0 0 2px #8b98a6}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.deactive,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.out_of_stock{cursor:not-allowed;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3);box-shadow:0 0 0 1px rgba(0,0,0,.3);pointer-events:none;position:relative;overflow:hidden;opacity:.3}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.deactive::after,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.deactive::before,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.out_of_stock::after,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.out_of_stock::before{position:absolute;content:" "!important;width:100%;height:1px;background:red!important;left:0;right:0;bottom:0;top:50%;visibility:visible;opacity:1;border:0;margin:0!important;padding:0!important;min-width:auto;-webkit-transform-origin:center;transform-origin:center;z-index:2}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.deactive::after,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.out_of_stock::after{webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.deactive::before,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.out_of_stock::before{webkit-transform:rotate(45deg);transform:rotate(45deg)}.thwvsf-colorpickpreview{position:absolute;width:96%;height:96%;right:0;left:0;margin:0 auto;top:2%;border-radius:inherit}ul.thwvsf-radio-li{list-style:none}ul.thwvsf-radio-li li{display:inline-block;margin-right:20px}.thwvsf-rad-li{list-style:none;margin:0;width:250px}.thwvsf-wrapper-item-li.thwvsf-tooltip{position:relative}.thwvsf-tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.thwvsf-tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#000 transparent transparent}.thwvsf-tooltip:hover .tooltiptext{visibility:visible;opacity:1;z-index:9}img.swatch-preview.swatch-image{margin:0;width:100%;height:100%;border-radius:inherit}span.variation-price{display:block;font-weight:700;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.th-tooltip-text{color:#ada3a3}.variations .reset_variations.thwvsf-variation-link{display:block;margin-top:10px;font-size:13px;color:#999;font-weight:400;border:2px solid #eee;padding:3px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;text-decoration:none;position:inherit;width:80px}.theme-hestia.woocommerce.single-product form.cart td.value:before{display:none!important}.theme-hestia.woocommerce.single-product div.product form.cart .variations tr{display:block!important;float:left!important}.theme-hestia.woocommerce.single-product div.product form.cart .variations tr:nth-child(2n+1){clear:left}.theme-oceanwp.woocommerce.single-product span.theme-select{display:none!important}.theme-oceanwp.woocommerce.single-product .thwvsf_fields ul.thwvsf-wrapper-ul{margin-top:0;margin-left:0}.theme-oceanwp.woocommerce.single-product .hasCustomSelect{position:initial!important;opacity:1!important;width:100%!important}.thwvsf-rad-li .th-container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;position:relative;margin-bottom:10px;cursor:pointer;padding:3px 35px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.thwvsf-rad-li .th-container input{position:absolute;opacity:0;cursor:pointer}.thwvsf-rad-li .checkmark{background-color:#eee;position:absolute;top:0;bottom:0;left:0;height:24px;width:24px;border-radius:100%;margin-top:auto;margin-bottom:auto}.thwvsf-rad-li .th-container:hover input~.checkmark{background-color:#eee}.thwvsf-rad-li .th-container input:checked~.checkmark{background-color:#2196F3}.thwvsf-rad-li .th-container .checkmark:after{content:"";position:absolute;display:none}.thwvsf-rad-li .th-container input:checked~.checkmark:after{display:block;background:#eee}.thwvsf-rad-li .th-container .checkmark:after{top:8px;left:8px;width:8px;height:8px;border-radius:100%;background:#0073aa}.thwvsf-rad-li .th-container:hover .checkmark:after{display:block}.thwvsf-rad-li .th-label-radio.deactive{cursor:not-allowed;pointer-events:none;overflow:hidden;opacity:.3;vertical-align:top}.th-label-radio span.variation-name{position:relative}.thwvsf-rad-li .th-label-radio.deactive .variation-name::before{position:absolute;content:" "!important;width:100%;height:1px;left:0;right:0;bottom:0;top:50%;visibility:visible;opacity:1;border:0;margin:0!important;padding:0!important;min-width:auto;-webkit-transform-origin:center;transform-origin:center;z-index:2;background:red!important;webkit-transform:rotate(0);transform:rotate(0)}.thwvsf-wrapper-ul.thwvsf-additional-info .thwvsf-wrapper-item-li.thwvsf-color-li,.thwvsf-wrapper-ul.thwvsf-additional-info .thwvsf-wrapper-item-li.thwvsf-image-li{box-shadow:none;pointer-events:none}.thwvsf-wrapper-ul.thwvsf-additional-info .thwvsf-wrapper-item-li.thwvsf-label-li{pointer-events:none}span.thwvsf-drop-span{display:inline-block;width:26px;height:26px;vertical-align:middle;border-radius:5px;margin-right:10px}.thwvsf_fields .select2.select2-container{width:80%!important}.thwvsf_fields .select2-container .select2-selection--single,.thwvsf_fields .select2-container--default .select2-selection--single .select2-selection__arrow{height:50px}.thwvsf_fields .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:45px}.thwvsf_drop_swatch .select2-results__option{padding:6px 10px 8px}.thwvsf_drop_swatch .select2-container .select2-selection--single .select2-selection__rendered{padding-left:10px}.select2-container--default .thwvsf_drop_swatch .select2-results__option--highlighted[aria-selected],.select2-container--default .thwvsf_drop_swatch .select2-results__option--highlighted[data-selected]{background-color:#F2F1F1;color:#000}span.thwvsf-drop-label{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;color:#000}span.thwvsf-drop-span.thwvsf-drop-img img{vertical-align:top}img.swatch-image[data-src]{opacity:0;transition:opacity .25s ease-in-out;will-change:opacity}img.swatch-image[data-src][src]{opacity:1}.variations_form table.variations label::after{content:''}.thwvsf-rad-li .radio{display:none}
+.cell-p-0 td,.cell-p-0 th,.p-0{padding:0!important}.cell-p-5 td,.cell-p-5 th,.p-5{padding:5!important}.cell-p-10 td,.cell-p-10 th,.p-10{padding:10!important}.fa.fa-inverse{color:#6d6d6d}.fa-inverse:hover{color:#fff}.selected{color:#71b02f}.selected>.fa-inverse{color:#fff}@font-face{font-family:check;src:url(./font/check.eot?44552751);src:url(./font/check.eot?44552751#iefix) format('embedded-opentype'),url(./font/check.woff?44552751) format('woff'),url(./font/check.ttf?44552751) format('truetype'),url(./font/check.svg?44552751#check) format('svg');font-weight:400;font-style:normal}.thwvsf-style{display:block!important;width:150px!important}span.tier-name{position:absolute!important;left:48px!important;font-size:17px!important}.fa{text-align:left!important}.fa-check{left:8px!important}.float{display:inline-block;position:relative}.clos{float:left;position:absolute;left:0;top:0;z-index:1000;padding:5px;font-weight:700}.thwvsf-wrapper-ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;list-style:none;position:relative}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li{list-style:none;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative;width:45px;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3);box-shadow:0 0 0 1px #d1d7da;padding:2px;margin:4px 8px 4px 0}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li:hover{-webkit-box-shadow:0 0 0 3px rgba(0,0,0,.1);box-shadow:0 0 0 3px #b7bfc6}.thwvsf-wrapper-ul .thwvsf-item-span-color{width:100%;height:100%;position:relative;border-radius:inherit}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.thwvsf-label-li{min-width:30px;text-align:center}.thwvsf-wrapper-ul .thwvsf-item-span.item-span-text{padding:0 5px;font-size:16px}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.thwvsf-selected,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.thwvsf-selected:hover{-webkit-box-shadow:0 0 0 2px rgba(0,0,0,.9);box-shadow:0 0 0 2px #8b98a6}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.deactive,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.out_of_stock{cursor:not-allowed;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3);box-shadow:0 0 0 1px rgba(0,0,0,.3);pointer-events:none;position:relative;overflow:hidden;opacity:.3}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.deactive::after,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.deactive::before,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.out_of_stock::after,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.out_of_stock::before{position:absolute;content:" "!important;width:100%;height:1px;background:red!important;left:0;right:0;bottom:0;top:50%;visibility:visible;opacity:1;border:0;margin:0!important;padding:0!important;min-width:auto;-webkit-transform-origin:center;transform-origin:center;z-index:2}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.deactive::after,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.out_of_stock::after{webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.deactive::before,.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.out_of_stock::before{webkit-transform:rotate(45deg);transform:rotate(45deg)}.thwvsf-colorpickpreview{position:absolute;width:96%;height:96%;right:0;left:0;margin:0 auto;top:2%;border-radius:inherit}ul.thwvsf-radio-li{list-style:none}ul.thwvsf-radio-li li{display:inline-block;margin-right:20px}.thwvsf-rad-li{list-style:none;margin:0;width:250px}.thwvsf-wrapper-item-li.thwvsf-tooltip{position:relative}.thwvsf-tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.thwvsf-tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#000 transparent transparent}.thwvsf-tooltip:hover .tooltiptext{visibility:visible;opacity:1;z-index:9}img.swatch-preview.swatch-image{margin:0;width:100%;height:100%;border-radius:inherit}span.variation-price{display:block;font-weight:700;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.th-tooltip-text{color:#ada3a3}.variations .reset_variations.thwvsf-variation-link{display:block;margin-top:10px;font-size:13px;color:#999;font-weight:400;border:2px solid #eee;padding:3px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;text-decoration:none;position:inherit;width:80px}.theme-hestia.woocommerce.single-product form.cart td.value:before{display:none!important}.theme-hestia.woocommerce.single-product div.product form.cart .variations tr{display:block!important;float:left!important}.theme-hestia.woocommerce.single-product div.product form.cart .variations tr:nth-child(2n+1){clear:left}.theme-oceanwp.woocommerce.single-product span.theme-select{display:none!important}.theme-oceanwp.woocommerce.single-product .thwvsf_fields ul.thwvsf-wrapper-ul{margin-top:0;margin-left:0}.theme-oceanwp.woocommerce.single-product .hasCustomSelect{position:initial!important;opacity:1!important;width:100%!important}.thwvsf-rad-li .th-container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;position:relative;margin-bottom:10px;cursor:pointer;padding:3px 35px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.thwvsf-rad-li .th-container input{position:absolute;opacity:0;cursor:pointer}.thwvsf-rad-li .checkmark{background-color:#eee;position:absolute;top:0;bottom:0;left:0;height:24px;width:24px;border-radius:100%;margin-top:auto;margin-bottom:auto}.thwvsf-rad-li .th-container:hover input~.checkmark{background-color:#eee}.thwvsf-rad-li .th-container input:checked~.checkmark{background-color:#2196F3}.thwvsf-rad-li .th-container .checkmark:after{content:"";position:absolute;display:none}.thwvsf-rad-li .th-container input:checked~.checkmark:after{display:block;background:#eee}.thwvsf-rad-li .th-container .checkmark:after{top:8px;left:8px;width:8px;height:8px;border-radius:100%;background:#0073aa}.thwvsf-rad-li .th-container:hover .checkmark:after{display:block}.thwvsf-rad-li .th-label-radio.deactive{cursor:not-allowed;pointer-events:none;overflow:hidden;opacity:.3;vertical-align:top}.th-label-radio span.variation-name{position:relative}.thwvsf-rad-li .th-label-radio.deactive .variation-name::before{position:absolute;content:" "!important;width:100%;height:1px;left:0;right:0;bottom:0;top:50%;visibility:visible;opacity:1;border:0;margin:0!important;padding:0!important;min-width:auto;-webkit-transform-origin:center;transform-origin:center;z-index:2;background:red!important;webkit-transform:rotate(0);transform:rotate(0)}.thwvsf-wrapper-ul.thwvsf-additional-info .thwvsf-wrapper-item-li.thwvsf-color-li,.thwvsf-wrapper-ul.thwvsf-additional-info .thwvsf-wrapper-item-li.thwvsf-image-li{box-shadow:none;pointer-events:none}.thwvsf-wrapper-ul.thwvsf-additional-info .thwvsf-wrapper-item-li.thwvsf-label-li{pointer-events:none}span.thwvsf-drop-span{display:inline-block;width:26px;height:26px;vertical-align:middle;border-radius:5px;margin-right:10px}.thwvsf_fields .select2.select2-container{width:80%!important}.thwvsf_fields .select2-container .select2-selection--single,.thwvsf_fields .select2-container--default .select2-selection--single .select2-selection__arrow{height:50px}.thwvsf_fields .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:45px}.thwvsf_drop_swatch .select2-results__option{padding:6px 10px 8px}.thwvsf_drop_swatch .select2-container .select2-selection--single .select2-selection__rendered{padding-left:10px}.select2-container--default .thwvsf_drop_swatch .select2-results__option--highlighted[aria-selected],.select2-container--default .thwvsf_drop_swatch .select2-results__option--highlighted[data-selected]{background-color:#F2F1F1;color:#000}span.thwvsf-drop-label{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;color:#000}span.thwvsf-drop-span.thwvsf-drop-img img{vertical-align:top}img.swatch-image[data-src]{opacity:0;transition:opacity .25s ease-in-out;will-change:opacity}img.swatch-image[data-src][src]{opacity:1}.variations_form table.variations label::after{content:''}.thwvsf-rad-li .radio{display:none}.th-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

product-variation-swatches-for-woocommerce/trunk/public/assets/js/thwvsf-public.js

@@ -205 +205 @@
 
             $form.on( 'check_variations.thwvsf_variation_form', { swatches_form : this }, this.onFindVariation );
-            $form.on( 'click.thwvsf_variation_form', '.reset_variations', { swatches_form: this }, this.onReset );
+            $form.on( 'click.thwvsf_variation_form keydown.thwvsf_variation_form', '.reset_variations', { swatches_form: this }, this.onReset );
             $form.on( 'change.thwvs_variation_form', '.variations .thwvs-select', { swatches_form: this }, this.onchangeselect);
             if(thwvsf_public_var.selectWoo_enable){
@@ -223 +223 @@
 
         swatches_form.prototype.onReset = function( event ) {
+              if (event.type === 'keydown') {
+                // Only trigger on Enter (13) or Space (32) keys
+                if (event.which !== 13 && event.which !== 32) {
+                    return;
+                }
+                // Prevent default browser behavior for space/enter
+                event.preventDefault();
+            }
 
             var form = event.data.swatches_form;
@@ -233 +241 @@
             form.$form.find('.thwvsf-rad').attr('checked',false);
             form.$form.find('.thwvsf-rad-li > label').removeClass( 'thwvsf-selected' );
+            form.$form.find('.thwvsf-wrapper-ul[role="listbox"] [role="option"]').attr('aria-selected', 'false');
             var $element = $( this );
             
@@ -765 +774 @@
     }
 
-    return {
+    
+     function initSwatchAccessibility() {
+        $('.thwvsf-wrapper-ul[role="listbox"]').each(function() {
+            var listbox = this;
+            var options = $(listbox).find('[role="option"]');
+            var currentIndex = 0;
+
+            // Find initially selected item or default to first
+            var selectedIndex = options.index(options.filter('[aria-selected="true"]'));
+            if (selectedIndex >= 0) {
+                currentIndex = selectedIndex;
+            }
+
+            // Set initial tabindex
+            options.attr('tabindex', '-1');
+            $(options[currentIndex]).attr('tabindex', '0');
+
+            // Handle keyboard navigation
+            $(listbox).on('keydown', '[role="option"]', function(e) {
+                var currentOption = $(this);
+                currentIndex = options.index(currentOption);
+
+                switch (e.key) {
+                    case 'ArrowRight':
+                    case 'ArrowDown':
+                        e.preventDefault();
+                        moveToNext();
+                        break;
+                    case 'ArrowLeft':
+                    case 'ArrowUp':
+                        e.preventDefault();
+                        moveToPrevious();
+                        break;
+                    case ' ':
+                    case 'Enter':
+                        e.preventDefault();
+                        selectOption(currentIndex);
+                        break;
+                    case 'Home':
+                        e.preventDefault();
+                        moveToFirst();
+                        break;
+                    case 'End':
+                        e.preventDefault();
+                        moveToLast();
+                        break;
+                }
+            });
+
+            // Handle click selection - don't prevent default to allow original handler
+            options.on('click', function(e) {
+                currentIndex = options.index(this);
+                updateFocus();
+                // Don't call selectOption here - let the original handler do the work
+                // Just update the accessibility attributes
+                updateSelectionState(currentIndex);
+            });
+
+            function moveToNext() {
+                currentIndex = (currentIndex + 1) % options.length;
+                updateFocus();
+            }
+
+            function moveToPrevious() {
+                currentIndex = (currentIndex - 1 + options.length) % options.length;
+                updateFocus();
+            }
+
+            function moveToFirst() {
+                currentIndex = 0;
+                updateFocus();
+            }
+
+            function moveToLast() {
+                currentIndex = options.length - 1;
+                updateFocus();
+            }
+
+            function updateFocus() {
+                options.attr('tabindex', '-1');
+                $(options[currentIndex]).attr('tabindex', '0').focus();
+            }
+
+            function selectOption(index) {
+                const selectedOption = $(options[index]);
+                
+                // Update accessibility attributes
+                updateSelectionState(index);
+                
+                // Trigger the original click event to maintain existing functionality
+                selectedOption.trigger('click.thwvsf_variation_form');
+            }
+
+            function updateSelectionState(index) {
+                // Clear previous selections
+                options.attr('aria-selected', 'false');
+                
+                // Select current option
+                $(options[index]).attr('aria-selected', 'true');
+            }
+        });
+    }
+    // Re-initialize after AJAX updates and listen for selection changes
+    // $(document.body).on('woocommerce_update_variation_values', function() {
+    //     setTimeout(initSwatchAccessibility, 100);
+    // });
+
+    // Initialize on page load
+    initSwatchAccessibility();
+
+    $(document).on('keydown', '.thwvsf-rad', function(e) {
+    var $radios = $(this).closest('.thwvsf-rad-li').find('.thwvsf-rad');
+    var currentIndex = $radios.index(this);
+    var nextIndex;
+    
+    switch(e.which) {
+        case 37: // Left arrow
+        case 38: // Up arrow
+            e.preventDefault();
+            nextIndex = currentIndex > 0 ? currentIndex - 1 : $radios.length - 1;
+            $radios.eq(nextIndex).focus().prop('checked', true).trigger('change');
+            updateTabIndex($radios, nextIndex);
+            break;
+            
+        case 39: // Right arrow  
+        case 40: // Down arrow
+            e.preventDefault();
+            nextIndex = currentIndex < $radios.length - 1 ? currentIndex + 1 : 0;
+            $radios.eq(nextIndex).focus().prop('checked', true).trigger('change');
+            updateTabIndex($radios, nextIndex);
+            break;
+    }
+});
+
+function updateTabIndex($radios, focusedIndex) {
+    $radios.attr('tabindex', '-1');
+    $radios.eq(focusedIndex).attr('tabindex', '0');
+}
+    
+
+
+    return {
         initialize_thwvsf : initialize_thwvsf,
     };

product-variation-swatches-for-woocommerce/trunk/public/assets/js/thwvsf-public.min.js

@@ -1 @@
-function init_thwvsf(){thwvsf_public.initialize_thwvsf()}var thwvsf_lazy_load=function(){"use strict";function initialize_thwvsf_lazy_load(){function showImagesOnView(e){var _iteratorNormalCompletion=!0,_didIteratorError=!1,_iteratorError=void 0;try{for(var _step,_iterator=images[Symbol.iterator]();!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=!0){var i=_step.value;if(!i.getAttribute("src")){var bounding=i.getBoundingClientRect();bounding.top>=0&&bounding.left>=0&&bounding.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&bounding.right<=(window.innerWidth||document.documentElement.clientWidth)&&(i.setAttribute("src",i.dataset.src),i.getAttribute("data-srcset")&&i.setAttribute("srcset",i.dataset.srcset))}}}catch(err){_didIteratorError=!0,_iteratorError=err}finally{try{!_iteratorNormalCompletion&&_iterator.return&&_iterator.return()}finally{if(_didIteratorError)throw _iteratorError}}}if("yes"===thwvsf_public_var.lazy_load){var images=document.querySelectorAll("img.swatch-image[data-src]");showImagesOnView(),window.addEventListener("scroll",showImagesOnView,!1)}}return{initialize_thwvsf_lazy_load:initialize_thwvsf_lazy_load}}(),thwvsf_public_base=function($,window,document){"use strict";function display_char_count(elm,isCount){var fid=elm.prop("id"),len=elm.val().length,displayElm=$("#"+fid+"-char-count");if(isCount)displayElm.text("("+len+" characters)");else{var maxLen=elm.prop("maxlength"),left=maxLen-len;displayElm.text("("+left+" characters left)"),rem<0&&displayElm.css("color","red")}}function set_field_value_by_elm(elm,type,value){switch(type){case"radio":elm.val([value]);break;case"checkbox":1==elm.data("multiple")?(value=value||[],elm.val([value])):elm.val([value]);break;case"select":elm.prop("multiple")?elm.val(value):elm.val([value]);break;case"country":case"state":elm.val([value]).change();break;case"multiselect":elm.prop("multiple")?void 0!==value&&elm.val(value.split(",")).change():elm.val([value]);break;default:elm.val(value)}}function get_field_value(type,elm,name){var value="";switch(type){case"radio":value=$("input[type=radio][name="+name+"]:checked").val();break;case"checkbox":if(1==elm.data("multiple")){var valueArr=[];$("input[type=checkbox][name='"+name+"[]']:checked").each(function(){valueArr.push($(this).val())}),value=valueArr}else value=$("input[type=checkbox][name="+name+"]:checked").val();break;case"select":case"multiselect":default:value=elm.val()}return value}return{display_char_count:display_char_count,set_field_value_by_elm:set_field_value_by_elm,get_field_value:get_field_value}}(window.jQuery,window,document),thwvsf_public=function($){"use strict";function initialize_thwvsf(){function active_and_deactive_variation(form){var $attributeFields=form.$attributeFields;form.$form.find(".woocommerce-variation-add-to-cart");$attributeFields.each(function(index,el){var current_attr_select=$(el),current_attr_name=current_attr_select.data("attribute_name")||current_attr_select.attr("name");if(current_attr_select.hasClass("wc-bundle"))var current_attr_name="attribute_"+current_attr_select.attr("id");form.$form.find('.thwvsf-checkbox[data-attribute_name= "'+current_attr_name+'"]').addClass("deactive"),current_attr_select.children("option").each(function(i,option){var opt_val=option.value;if(""!=opt_val){var $current_opt=form.$form.find('[data-value="'+opt_val+'"]');if(0==$current_opt.length&&($current_opt=form.$form.find('option[value="'+opt_val+'"]')),$current_opt.length>0)$current_opt.removeClass("deactive");else{var $current_opt=form.$form.find(".thwvsf-checkbox."+opt_val);$current_opt.removeClass("deactive")}}})})}function disable_out_of_stock_variation(form){var attributeFields=form.$attributeFields;if(1==attributeFields.length)for(var variations=form.variationData,i=0;i<variations.length;i++){var variation=variations[i],variation_attributes=variation.attributes,attribute_key=Object.keys(variation_attributes),attr_item_name=attribute_key[0],attr_item_name_class=attr_item_name,current_attr_select=$(attributeFields);$(attributeFields).hasClass("wc-bundle")&&(attr_item_name_class="attribute_"+current_attr_select.attr("id")),attr_item_name_class=attr_item_name_class.replace(/[^a-z0-9_-]/gi,"");var attribute_value=variation_attributes[attr_item_name],attribute_value_class=attribute_value.replace(/[^a-z0-9_-]/gi,""),is_in_stock=variation.is_in_stock,attr_option_class="";attribute_value_class?(attr_option_class="."+attr_item_name_class,attr_option_class=attr_option_class+"."+attribute_value_class):attr_option_class="."+attr_item_name_class+'[data-value="'+attribute_value+'"]',is_in_stock||"default"==out_of_stock?form.$form.find(attr_option_class).removeClass("out_of_stock"):(form.$form.find(attr_option_class).addClass("out_of_stock"),form.$form.find(attr_option_class).trigger("out_of_stock",[is_in_stock,attr_item_name]))}else disable_out_of_stock_variation_multiple(form,attributeFields)}function disable_out_of_stock_variation_multiple(form,attributeFields){var total_attributes=attributeFields.length,count=0,selected_terms=[],selected_term_names=[];attributeFields.each(function(index,element){var current_attr_select=$(this),current_attr_name=current_attr_select.data("attribute_name")||current_attr_select.attr("name"),selected_attribute_val=current_attr_select.val();""!=selected_attribute_val&&(count=++count,selected_terms[current_attr_name]=selected_attribute_val,selected_term_names[count]=current_attr_name)}),(0==count||count<total_attributes-1)&&form.$form.find(".thwvsf_fields .thwvsf-checkbox").removeClass("out_of_stock");var variations=form.variationData;if(count==total_attributes-1)for(var i=0;i<variations.length;i++){var variation=variations[i],variation_attributes=variation.attributes,q=0;$.each(variation_attributes,function(attr_item_name,attribute_value){if(variation_attributes[attr_item_name]==selected_terms[attr_item_name]&&++q==total_attributes-1){var current_variation=variation,current_attributes=current_variation.attributes;for(var current_attr_name in current_attributes)if(-1==jQuery.inArray(current_attr_name,selected_term_names)){var current_attr_val=variation_attributes[current_attr_name],attr_item_name_class=current_attr_name.replace(/[^a-z0-9_-]/gi,""),current_attr_select=$("select.cls_"+attr_item_name_class);current_attr_select.hasClass("wc-bundle")&&(attr_item_name_class="attribute_"+current_attr_select.attr("id")),attr_item_name_class=attr_item_name_class.replace(/[^a-z0-9_-]/gi,"");var attribute_value_class=current_attr_val.replace(/[^a-z0-9_-]/gi,""),attr_option_class="";attr_option_class=attribute_value_class?"."+attr_item_name_class+"."+attribute_value_class:"."+attr_item_name_class+'[data-value="'+current_attr_val+'"]';var is_in_stock=variation.is_in_stock;is_in_stock||"default"==out_of_stock?form.$form.find(attr_option_class).removeClass("out_of_stock"):(form.$form.find(attr_option_class).addClass("out_of_stock"),form.$form.find(attr_option_class).trigger("out_of_stock",[is_in_stock,attr_item_name]))}}})}else{form.$form.find(".thwvsf_fields .thwvsf-checkbox").removeClass("out_of_stock");for(var i=0;i<variations.length;i++){var variation=variations[i],variation_attributes=variation.attributes,is_in_stock=variation.is_in_stock;if(!is_in_stock&&"default"!=out_of_stock){var q=0,current_variation=variation,current_attributes=current_variation.attributes;$.each(current_attributes,function(os_attr_name,os_attr_value){selected_terms[os_attr_name]==os_attr_value&&++q==total_attributes-1&&$.each(current_attributes,function(de_attr_name,de_attr_value){if(selected_terms[de_attr_name]!=de_attr_value){var current_os_attr_val=current_attributes[de_attr_name],attr_item_name_class=de_attr_name.replace(/[^a-z0-9_-]/gi,""),attribute_value_class=current_os_attr_val.replace(/[^a-z0-9_-]/gi,""),current_attr_select=$("select.cls_"+attr_item_name_class);current_attr_select.hasClass("wc-bundle")&&(attr_item_name_class="attribute_"+current_attr_select.attr("id")),attr_item_name_class=attr_item_name_class.replace(/[^a-z0-9_-]/gi,"");var attr_option_class="";attr_option_class=attribute_value_class?"."+attr_item_name_class+"."+attribute_value_class:"."+attr_item_name_class+'[data-value="'+current_os_attr_val+'"]',form.$form.find(attr_option_class).addClass("out_of_stock"),form.$form.find(attr_option_class).trigger("out_of_stock",[is_in_stock,os_attr_name])}})})}}}}function show_selected_variation_name_beside_label(elm,variation_name,name_value){elm.closest("tr").find(".label").find("label").find(".variation_name_label").remove();var default_label=elm.closest("tr").find(".label").find("label"),variation_name_label_html='<label class="variation_name_label" > '+thwvsf_public_var.change_separator+variation_name+" </label>";variation_name_label_html=name_value?variation_name_label_html:"",default_label.append(variation_name_label_html)}function format_swatch_color(option){if(!option.id)return option.text;var color=$(option.element).data("swatch");return $('<span class = "thwvsf-drop-span thwvsf-drop-color" style="background-color:'+color+';"> </span><span class = "thwvsf-drop-label" >'+option.text+"</span>")}function format_swatch_image(option){if(!option.id)return option.text;var image=$(option.element).data("swatch");return $('<span class = "thwvsf-drop-span thwvsf-drop-img"><img src="'+image+'" /> </span><span class = "thwvsf-drop-label" >'+option.text+"</span>")}thwvsf_lazy_load.initialize_thwvsf_lazy_load();var clear_on_reselect=(thwvsf_public_var.enable_stock_alert,thwvsf_public_var.min_value_stock,thwvsf_public_var.clear_on_reselect),out_of_stock=thwvsf_public_var.out_of_stock,show_selected_variation_name=thwvsf_public_var.show_selected_variation_name,choose_option_text=thwvsf_public_var.choose_option_text,swatches_form=function($form){var self=this;self.$form=$form,this.variationData=$form.data("product_variations"),this.$attributeFields=$form.find(".variations select"),self.$singleVariation=$form.find(".single_variation"),self.$singleVariationWrap=$form.find(".single_variation_wrap"),$form.on("click.thwvsf_variation_form",".thwvsf-checkbox",{swatches_form:this},this.onselect),$form.on("change.thwvsf_variation_form",'input[type="radio"].thwvsf-rad',{swatches_form:this},this.onselectradio),$form.on("check_variations.thwvsf_variation_form",{swatches_form:this},this.onFindVariation),$form.on("click.thwvsf_variation_form",".reset_variations",{swatches_form:this},this.onReset),$form.on("change.thwvs_variation_form",".variations .thwvs-select",{swatches_form:this},this.onchangeselect),thwvsf_public_var.selectWoo_enable&&self.enableSwatchDropDown(self.$attributeFields,$form);var selc2_el=$(".thwvsf-wrapper-ul").prev();selc2_el.hasClass("select2")&&selc2_el.css("display","none");var selc2_rad_el=$(".thwvsf-rad-li").prev();selc2_rad_el.hasClass("select2")&&selc2_rad_el.css("display","none")};swatches_form.prototype.onReset=function(event){var form=event.data.swatches_form;form.$form.find(".thwvsf_fields .thwvsf-checkbox").removeClass("thwvsf-selected"),form.$form.find(".thwvsf_fields > span").removeClass("selected"),form.$form.find(".thwvsf_fields .thwvsf-checkbox").removeClass("deactive"),form.$form.find(".thwvsf_fields .thwvsf-checkbox").removeClass("out_of_stock"),form.$form.find(".thwvsf-rad").prop("checked",!1),form.$form.find(".thwvsf-rad").attr("checked",!1),form.$form.find(".thwvsf-rad-li > label").removeClass("thwvsf-selected");var $element=$(this);$element.parents(".variations_form").siblings(".thwvsf_add_to_cart_button");active_and_deactive_variation(form),disable_out_of_stock_variation(form)},swatches_form.prototype.onselect=function(event){var form=event.data.swatches_form,$element=$(this),$select=$element.closest(".thwvsf_fields").find("select"),attribute_name=$select.data("attribute_name")||$select.attr("name"),value=$element.data("value");selected.push(attribute_name);var opt_val=value;if(opt_val="string"==typeof opt_val?opt_val.replace(/'/g,"\\'").replace(/"/g,'\\"'):opt_val,!$select.find('option[value="'+opt_val+'"]').length)return $element.siblings(".thwvsf-checkbox").removeClass("thwvsf-selected"),$select.val("").change(),alert("No combination"),!1;if($element.hasClass("thwvsf-selected")){if("yes"!=clear_on_reselect)return!1;$select.val(""),$element.removeClass("thwvsf-selected")}else $element.addClass("thwvsf-selected").siblings(".thwvsf-selected").removeClass("thwvsf-selected"),$select.val(value);$select.change(),active_and_deactive_variation(form),disable_out_of_stock_variation(form)},swatches_form.prototype.onselectradio=function(event){var $element=(event.data.swatches_form,$(this)),$select=$element.closest(".thwvsf_fields").find("select"),attribute_name=$select.data("attribute_name")||$select.attr("name"),value=$element.data("value");clicked=attribute_name,selected.push(attribute_name);var parent_radio=$element.closest(".th-label-radio");1==$element.prop("checked")&&parent_radio.addClass("thwvsf-selected").siblings().removeClass("thwvsf-selected"),$select.val(value),$select.change()},swatches_form.prototype.onchangeselect=function(event,chosenAttributes){var $element=$(this);if("yes"===show_selected_variation_name){show_selected_variation_name_beside_label($element,$element.children(":selected").text(),$element.val())}},$.fn.wc_set_variation_attr=function(attr,value){void 0===this.attr("data-o_"+attr)&&this.attr("data-o_"+attr,this.attr(attr)?this.attr(attr):""),!1===value?this.removeAttr(attr):this.attr(attr,value)},swatches_form.prototype.onFindVariation=function(event){var form=event.data.swatches_form,$attributeFields=form.$attributeFields;active_and_deactive_variation(form),disable_out_of_stock_variation(form),"yes"===show_selected_variation_name&&$attributeFields.each(function(index,element){var current_attr_select=$(this);current_attr_select.data("attribute_name")||current_attr_select.attr("name");""!=current_attr_select.val()&&show_selected_variation_name_beside_label(current_attr_select,current_attr_select.children(":selected").text(),current_attr_select.val())})},swatches_form.prototype.enableSwatchDropDown=function($attributeFields,$form){$attributeFields.each(function(index,el){var attr_select=$(el);if(attr_select.hasClass("thwvsf-swatch-dropdown")){"swatch_dropdown_color"===attr_select.data("swatchtype")?attr_select.selectWoo({allowClear:!0,placeholder:choose_option_text,dropdownCssClass:"thwvsf_drop_swatch",templateResult:format_swatch_color,templateSelection:format_swatch_color,selectionAdapter:$.fn.selectWoo.amd.require("customSingleSelectionAdapter")}).addClass("enhanced"):attr_select.selectWoo({allowClear:!0,placeholder:choose_option_text,dropdownCssClass:"thwvsf_drop_swatch",templateResult:format_swatch_image,templateSelection:format_swatch_image,selectionAdapter:$.fn.selectWoo.amd.require("customSingleSelectionAdapter")}).addClass("enhanced")}})},thwvsf_public_var.selectWoo_enable&&$.fn.selectWoo&&$.fn.selectWoo.amd&&$.fn.selectWoo.amd.define("customSingleSelectionAdapter",["select2/utils","select2/selection/single"],function(Utils,SingleSelection){const adapter=SingleSelection;return adapter.prototype.update=function(data){if(0===data.length)return void this.clear();var selection=data[0],$rendered=this.$selection.find(".select2-selection__rendered"),formatted=this.display(selection,$rendered);$rendered.empty().append(formatted),$rendered.prop("title",selection.title||selection.text)},adapter}),$.fn.thwvsf_variation_form=function(){return new swatches_form(this),this},$(function(){"undefined"!=typeof wc_add_to_cart_variation_params&&$(".variations_form").each(function(){$(this).hasClass("th-var-active")||($(this).addClass("th-var-active"),$(this).thwvsf_variation_form())})});var clicked=null,selected=[]}var execute=!1;return initialize_thwvsf(),"flatsome"==thwvsf_public_var.is_quick_view?$(document).on("click",".quick-view",function(){execute||$(document).on("mfpOpen",function(){initialize_thwvsf(),execute=!0})}):"yith"==thwvsf_public_var.is_quick_view&&$(document).on("qv_loader_stop",function(){initialize_thwvsf()}),"wpc_smart"==thwvsf_public_var.is_quick_view&&$(document).ajaxComplete(function(event,request,options){request&&4===request.readyState&&200===request.status&&$(event.target).find("#woosq-popup").length>0&&initialize_thwvsf()}),"porto"===thwvsf_public_var.is_quick_view&&$(document).on("porto_init_countdown",function(){initialize_thwvsf()}),"woodmart"===thwvsf_public_var.is_quick_view&&$(document).on("wdQuickShopSuccess",function(){initialize_thwvsf()}),$(document).on("click",".owp-quick-view",function(e){var check=function(){$("#owp-qv-wrap").hasClass("is-visible")?init_thwvsf():setTimeout(check,1e3)};check()}),"pi_dcw"===thwvsf_public_var.is_quick_view&&$(document).on("click",".pisol_quick_view_button",function(){$(document).ajaxComplete(function(event,request,options){request&&4===request.readyState&&200===request.status&&$(event.target).find(".pisol-quick-view-box").length>0&&initialize_thwvsf()})}),{initialize_thwvsf:initialize_thwvsf}}(jQuery);
+function init_thwvsf(){thwvsf_public.initialize_thwvsf()}var thwvsf_lazy_load=function(){"use strict";function initialize_thwvsf_lazy_load(){function showImagesOnView(e){var _iteratorNormalCompletion=!0,_didIteratorError=!1,_iteratorError=void 0;try{for(var _step,_iterator=images[Symbol.iterator]();!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=!0){var i=_step.value;if(!i.getAttribute("src")){var bounding=i.getBoundingClientRect();bounding.top>=0&&bounding.left>=0&&bounding.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&bounding.right<=(window.innerWidth||document.documentElement.clientWidth)&&(i.setAttribute("src",i.dataset.src),i.getAttribute("data-srcset")&&i.setAttribute("srcset",i.dataset.srcset))}}}catch(err){_didIteratorError=!0,_iteratorError=err}finally{try{!_iteratorNormalCompletion&&_iterator.return&&_iterator.return()}finally{if(_didIteratorError)throw _iteratorError}}}if("yes"===thwvsf_public_var.lazy_load){var images=document.querySelectorAll("img.swatch-image[data-src]");showImagesOnView(),window.addEventListener("scroll",showImagesOnView,!1)}}return{initialize_thwvsf_lazy_load:initialize_thwvsf_lazy_load}}(),thwvsf_public_base=function($,window,document){"use strict";function display_char_count(elm,isCount){var fid=elm.prop("id"),len=elm.val().length,displayElm=$("#"+fid+"-char-count");if(isCount)displayElm.text("("+len+" characters)");else{var maxLen=elm.prop("maxlength"),left=maxLen-len;displayElm.text("("+left+" characters left)"),rem<0&&displayElm.css("color","red")}}function set_field_value_by_elm(elm,type,value){switch(type){case"radio":elm.val([value]);break;case"checkbox":1==elm.data("multiple")?(value=value||[],elm.val([value])):elm.val([value]);break;case"select":elm.prop("multiple")?elm.val(value):elm.val([value]);break;case"country":case"state":elm.val([value]).change();break;case"multiselect":elm.prop("multiple")?void 0!==value&&elm.val(value.split(",")).change():elm.val([value]);break;default:elm.val(value)}}function get_field_value(type,elm,name){var value="";switch(type){case"radio":value=$("input[type=radio][name="+name+"]:checked").val();break;case"checkbox":if(1==elm.data("multiple")){var valueArr=[];$("input[type=checkbox][name='"+name+"[]']:checked").each(function(){valueArr.push($(this).val())}),value=valueArr}else value=$("input[type=checkbox][name="+name+"]:checked").val();break;case"select":case"multiselect":default:value=elm.val()}return value}return{display_char_count:display_char_count,set_field_value_by_elm:set_field_value_by_elm,get_field_value:get_field_value}}(window.jQuery,window,document),thwvsf_public=function($){"use strict";function initialize_thwvsf(){function active_and_deactive_variation(form){var $attributeFields=form.$attributeFields;form.$form.find(".woocommerce-variation-add-to-cart");$attributeFields.each(function(index,el){var current_attr_select=$(el),current_attr_name=current_attr_select.data("attribute_name")||current_attr_select.attr("name");if(current_attr_select.hasClass("wc-bundle"))var current_attr_name="attribute_"+current_attr_select.attr("id");form.$form.find('.thwvsf-checkbox[data-attribute_name= "'+current_attr_name+'"]').addClass("deactive"),current_attr_select.children("option").each(function(i,option){var opt_val=option.value;if(""!=opt_val){var $current_opt=form.$form.find('[data-value="'+opt_val+'"]');if(0==$current_opt.length&&($current_opt=form.$form.find('option[value="'+opt_val+'"]')),$current_opt.length>0)$current_opt.removeClass("deactive");else{var $current_opt=form.$form.find(".thwvsf-checkbox."+opt_val);$current_opt.removeClass("deactive")}}})})}function disable_out_of_stock_variation(form){var attributeFields=form.$attributeFields;if(1==attributeFields.length)for(var variations=form.variationData,i=0;i<variations.length;i++){var variation=variations[i],variation_attributes=variation.attributes,attribute_key=Object.keys(variation_attributes),attr_item_name=attribute_key[0],attr_item_name_class=attr_item_name,current_attr_select=$(attributeFields);$(attributeFields).hasClass("wc-bundle")&&(attr_item_name_class="attribute_"+current_attr_select.attr("id")),attr_item_name_class=attr_item_name_class.replace(/[^a-z0-9_-]/gi,"");var attribute_value=variation_attributes[attr_item_name],attribute_value_class=attribute_value.replace(/[^a-z0-9_-]/gi,""),is_in_stock=variation.is_in_stock,attr_option_class="";attribute_value_class?(attr_option_class="."+attr_item_name_class,attr_option_class=attr_option_class+"."+attribute_value_class):attr_option_class="."+attr_item_name_class+'[data-value="'+attribute_value+'"]',is_in_stock||"default"==out_of_stock?form.$form.find(attr_option_class).removeClass("out_of_stock"):(form.$form.find(attr_option_class).addClass("out_of_stock"),form.$form.find(attr_option_class).trigger("out_of_stock",[is_in_stock,attr_item_name]))}else disable_out_of_stock_variation_multiple(form,attributeFields)}function disable_out_of_stock_variation_multiple(form,attributeFields){var total_attributes=attributeFields.length,count=0,selected_terms=[],selected_term_names=[];attributeFields.each(function(index,element){var current_attr_select=$(this),current_attr_name=current_attr_select.data("attribute_name")||current_attr_select.attr("name"),selected_attribute_val=current_attr_select.val();""!=selected_attribute_val&&(count=++count,selected_terms[current_attr_name]=selected_attribute_val,selected_term_names[count]=current_attr_name)}),(0==count||count<total_attributes-1)&&form.$form.find(".thwvsf_fields .thwvsf-checkbox").removeClass("out_of_stock");var variations=form.variationData;if(count==total_attributes-1)for(var i=0;i<variations.length;i++){var variation=variations[i],variation_attributes=variation.attributes,q=0;$.each(variation_attributes,function(attr_item_name,attribute_value){if(variation_attributes[attr_item_name]==selected_terms[attr_item_name]&&++q==total_attributes-1){var current_variation=variation,current_attributes=current_variation.attributes;for(var current_attr_name in current_attributes)if(-1==jQuery.inArray(current_attr_name,selected_term_names)){var current_attr_val=variation_attributes[current_attr_name],attr_item_name_class=current_attr_name.replace(/[^a-z0-9_-]/gi,""),current_attr_select=$("select.cls_"+attr_item_name_class);current_attr_select.hasClass("wc-bundle")&&(attr_item_name_class="attribute_"+current_attr_select.attr("id")),attr_item_name_class=attr_item_name_class.replace(/[^a-z0-9_-]/gi,"");var attribute_value_class=current_attr_val.replace(/[^a-z0-9_-]/gi,""),attr_option_class="";attr_option_class=attribute_value_class?"."+attr_item_name_class+"."+attribute_value_class:"."+attr_item_name_class+'[data-value="'+current_attr_val+'"]';var is_in_stock=variation.is_in_stock;is_in_stock||"default"==out_of_stock?form.$form.find(attr_option_class).removeClass("out_of_stock"):(form.$form.find(attr_option_class).addClass("out_of_stock"),form.$form.find(attr_option_class).trigger("out_of_stock",[is_in_stock,attr_item_name]))}}})}else{form.$form.find(".thwvsf_fields .thwvsf-checkbox").removeClass("out_of_stock");for(var i=0;i<variations.length;i++){var variation=variations[i],variation_attributes=variation.attributes,is_in_stock=variation.is_in_stock;if(!is_in_stock&&"default"!=out_of_stock){var q=0,current_variation=variation,current_attributes=current_variation.attributes;$.each(current_attributes,function(os_attr_name,os_attr_value){selected_terms[os_attr_name]==os_attr_value&&++q==total_attributes-1&&$.each(current_attributes,function(de_attr_name,de_attr_value){if(selected_terms[de_attr_name]!=de_attr_value){var current_os_attr_val=current_attributes[de_attr_name],attr_item_name_class=de_attr_name.replace(/[^a-z0-9_-]/gi,""),attribute_value_class=current_os_attr_val.replace(/[^a-z0-9_-]/gi,""),current_attr_select=$("select.cls_"+attr_item_name_class);current_attr_select.hasClass("wc-bundle")&&(attr_item_name_class="attribute_"+current_attr_select.attr("id")),attr_item_name_class=attr_item_name_class.replace(/[^a-z0-9_-]/gi,"");var attr_option_class="";attr_option_class=attribute_value_class?"."+attr_item_name_class+"."+attribute_value_class:"."+attr_item_name_class+'[data-value="'+current_os_attr_val+'"]',form.$form.find(attr_option_class).addClass("out_of_stock"),form.$form.find(attr_option_class).trigger("out_of_stock",[is_in_stock,os_attr_name])}})})}}}}function show_selected_variation_name_beside_label(elm,variation_name,name_value){elm.closest("tr").find(".label").find("label").find(".variation_name_label").remove();var default_label=elm.closest("tr").find(".label").find("label"),variation_name_label_html='<label class="variation_name_label" > '+thwvsf_public_var.change_separator+variation_name+" </label>";variation_name_label_html=name_value?variation_name_label_html:"",default_label.append(variation_name_label_html)}function format_swatch_color(option){if(!option.id)return option.text;var color=$(option.element).data("swatch");return $('<span class = "thwvsf-drop-span thwvsf-drop-color" style="background-color:'+color+';"> </span><span class = "thwvsf-drop-label" >'+option.text+"</span>")}function format_swatch_image(option){if(!option.id)return option.text;var image=$(option.element).data("swatch");return $('<span class = "thwvsf-drop-span thwvsf-drop-img"><img src="'+image+'" /> </span><span class = "thwvsf-drop-label" >'+option.text+"</span>")}thwvsf_lazy_load.initialize_thwvsf_lazy_load();var clear_on_reselect=(thwvsf_public_var.enable_stock_alert,thwvsf_public_var.min_value_stock,thwvsf_public_var.clear_on_reselect),out_of_stock=thwvsf_public_var.out_of_stock,show_selected_variation_name=thwvsf_public_var.show_selected_variation_name,choose_option_text=thwvsf_public_var.choose_option_text,swatches_form=function($form){var self=this;self.$form=$form,this.variationData=$form.data("product_variations"),this.$attributeFields=$form.find(".variations select"),self.$singleVariation=$form.find(".single_variation"),self.$singleVariationWrap=$form.find(".single_variation_wrap"),$form.on("click.thwvsf_variation_form",".thwvsf-checkbox",{swatches_form:this},this.onselect),$form.on("change.thwvsf_variation_form",'input[type="radio"].thwvsf-rad',{swatches_form:this},this.onselectradio),$form.on("check_variations.thwvsf_variation_form",{swatches_form:this},this.onFindVariation),$form.on("click.thwvsf_variation_form keydown.thwvsf_variation_form",".reset_variations",{swatches_form:this},this.onReset),$form.on("change.thwvs_variation_form",".variations .thwvs-select",{swatches_form:this},this.onchangeselect),thwvsf_public_var.selectWoo_enable&&self.enableSwatchDropDown(self.$attributeFields,$form);var selc2_el=$(".thwvsf-wrapper-ul").prev();selc2_el.hasClass("select2")&&selc2_el.css("display","none");var selc2_rad_el=$(".thwvsf-rad-li").prev();selc2_rad_el.hasClass("select2")&&selc2_rad_el.css("display","none")};swatches_form.prototype.onReset=function(event){if("keydown"===event.type){if(13!==event.which&&32!==event.which)return;event.preventDefault()}var form=event.data.swatches_form;form.$form.find(".thwvsf_fields .thwvsf-checkbox").removeClass("thwvsf-selected"),form.$form.find(".thwvsf_fields > span").removeClass("selected"),form.$form.find(".thwvsf_fields .thwvsf-checkbox").removeClass("deactive"),form.$form.find(".thwvsf_fields .thwvsf-checkbox").removeClass("out_of_stock"),form.$form.find(".thwvsf-rad").prop("checked",!1),form.$form.find(".thwvsf-rad").attr("checked",!1),form.$form.find(".thwvsf-rad-li > label").removeClass("thwvsf-selected"),form.$form.find('.thwvsf-wrapper-ul[role="listbox"] [role="option"]').attr("aria-selected","false");var $element=$(this);$element.parents(".variations_form").siblings(".thwvsf_add_to_cart_button");active_and_deactive_variation(form),disable_out_of_stock_variation(form)},swatches_form.prototype.onselect=function(event){var form=event.data.swatches_form,$element=$(this),$select=$element.closest(".thwvsf_fields").find("select"),attribute_name=$select.data("attribute_name")||$select.attr("name"),value=$element.data("value");selected.push(attribute_name);var opt_val=value;if(opt_val="string"==typeof opt_val?opt_val.replace(/'/g,"\\'").replace(/"/g,'\\"'):opt_val,!$select.find('option[value="'+opt_val+'"]').length)return $element.siblings(".thwvsf-checkbox").removeClass("thwvsf-selected"),$select.val("").change(),alert("No combination"),!1;if($element.hasClass("thwvsf-selected")){if("yes"!=clear_on_reselect)return!1;$select.val(""),$element.removeClass("thwvsf-selected")}else $element.addClass("thwvsf-selected").siblings(".thwvsf-selected").removeClass("thwvsf-selected"),$select.val(value);$select.change(),active_and_deactive_variation(form),disable_out_of_stock_variation(form)},swatches_form.prototype.onselectradio=function(event){var $element=(event.data.swatches_form,$(this)),$select=$element.closest(".thwvsf_fields").find("select"),attribute_name=$select.data("attribute_name")||$select.attr("name"),value=$element.data("value");clicked=attribute_name,selected.push(attribute_name);var parent_radio=$element.closest(".th-label-radio");1==$element.prop("checked")&&parent_radio.addClass("thwvsf-selected").siblings().removeClass("thwvsf-selected"),$select.val(value),$select.change()},swatches_form.prototype.onchangeselect=function(event,chosenAttributes){var $element=$(this);if("yes"===show_selected_variation_name){show_selected_variation_name_beside_label($element,$element.children(":selected").text(),$element.val())}},$.fn.wc_set_variation_attr=function(attr,value){void 0===this.attr("data-o_"+attr)&&this.attr("data-o_"+attr,this.attr(attr)?this.attr(attr):""),!1===value?this.removeAttr(attr):this.attr(attr,value)},swatches_form.prototype.onFindVariation=function(event){var form=event.data.swatches_form,$attributeFields=form.$attributeFields;active_and_deactive_variation(form),disable_out_of_stock_variation(form),"yes"===show_selected_variation_name&&$attributeFields.each(function(index,element){var current_attr_select=$(this);current_attr_select.data("attribute_name")||current_attr_select.attr("name");""!=current_attr_select.val()&&show_selected_variation_name_beside_label(current_attr_select,current_attr_select.children(":selected").text(),current_attr_select.val())})},swatches_form.prototype.enableSwatchDropDown=function($attributeFields,$form){$attributeFields.each(function(index,el){var attr_select=$(el);if(attr_select.hasClass("thwvsf-swatch-dropdown")){"swatch_dropdown_color"===attr_select.data("swatchtype")?attr_select.selectWoo({allowClear:!0,placeholder:choose_option_text,dropdownCssClass:"thwvsf_drop_swatch",templateResult:format_swatch_color,templateSelection:format_swatch_color,selectionAdapter:$.fn.selectWoo.amd.require("customSingleSelectionAdapter")}).addClass("enhanced"):attr_select.selectWoo({allowClear:!0,placeholder:choose_option_text,dropdownCssClass:"thwvsf_drop_swatch",templateResult:format_swatch_image,templateSelection:format_swatch_image,selectionAdapter:$.fn.selectWoo.amd.require("customSingleSelectionAdapter")}).addClass("enhanced")}})},thwvsf_public_var.selectWoo_enable&&$.fn.selectWoo&&$.fn.selectWoo.amd&&$.fn.selectWoo.amd.define("customSingleSelectionAdapter",["select2/utils","select2/selection/single"],function(Utils,SingleSelection){const adapter=SingleSelection;return adapter.prototype.update=function(data){if(0===data.length)return void this.clear();var selection=data[0],$rendered=this.$selection.find(".select2-selection__rendered"),formatted=this.display(selection,$rendered);$rendered.empty().append(formatted),$rendered.prop("title",selection.title||selection.text)},adapter}),$.fn.thwvsf_variation_form=function(){return new swatches_form(this),this},$(function(){"undefined"!=typeof wc_add_to_cart_variation_params&&$(".variations_form").each(function(){$(this).hasClass("th-var-active")||($(this).addClass("th-var-active"),$(this).thwvsf_variation_form())})});var clicked=null,selected=[]}function updateTabIndex($radios,focusedIndex){$radios.attr("tabindex","-1"),$radios.eq(focusedIndex).attr("tabindex","0")}var execute=!1;return initialize_thwvsf(),"flatsome"==thwvsf_public_var.is_quick_view?$(document).on("click",".quick-view",function(){execute||$(document).on("mfpOpen",function(){initialize_thwvsf(),execute=!0})}):"yith"==thwvsf_public_var.is_quick_view&&$(document).on("qv_loader_stop",function(){initialize_thwvsf()}),"wpc_smart"==thwvsf_public_var.is_quick_view&&$(document).ajaxComplete(function(event,request,options){request&&4===request.readyState&&200===request.status&&$(event.target).find("#woosq-popup").length>0&&initialize_thwvsf()}),"porto"===thwvsf_public_var.is_quick_view&&$(document).on("porto_init_countdown",function(){initialize_thwvsf()}),"woodmart"===thwvsf_public_var.is_quick_view&&$(document).on("wdQuickShopSuccess",function(){initialize_thwvsf()}),$(document).on("click",".owp-quick-view",function(e){var check=function(){$("#owp-qv-wrap").hasClass("is-visible")?init_thwvsf():setTimeout(check,1e3)};check()}),"pi_dcw"===thwvsf_public_var.is_quick_view&&$(document).on("click",".pisol_quick_view_button",function(){$(document).ajaxComplete(function(event,request,options){request&&4===request.readyState&&200===request.status&&$(event.target).find(".pisol-quick-view-box").length>0&&initialize_thwvsf()})}),function(){$('.thwvsf-wrapper-ul[role="listbox"]').each(function(){function moveToNext(){currentIndex=(currentIndex+1)%options.length,updateFocus()}function moveToPrevious(){currentIndex=(currentIndex-1+options.length)%options.length,updateFocus()}function moveToFirst(){currentIndex=0,updateFocus()}function moveToLast(){currentIndex=options.length-1,updateFocus()}function updateFocus(){options.attr("tabindex","-1"),$(options[currentIndex]).attr("tabindex","0").focus()}function selectOption(index){const selectedOption=$(options[index]);updateSelectionState(index),selectedOption.trigger("click.thwvsf_variation_form")}function updateSelectionState(index){options.attr("aria-selected","false"),$(options[index]).attr("aria-selected","true")}var listbox=this,options=$(listbox).find('[role="option"]'),currentIndex=0,selectedIndex=options.index(options.filter('[aria-selected="true"]'));selectedIndex>=0&&(currentIndex=selectedIndex),options.attr("tabindex","-1"),$(options[currentIndex]).attr("tabindex","0"),$(listbox).on("keydown",'[role="option"]',function(e){var currentOption=$(this);switch(currentIndex=options.index(currentOption),e.key){case"ArrowRight":case"ArrowDown":e.preventDefault(),moveToNext();break;case"ArrowLeft":case"ArrowUp":e.preventDefault(),moveToPrevious();break;case" ":case"Enter":e.preventDefault(),selectOption(currentIndex);break;case"Home":e.preventDefault(),moveToFirst();break;case"End":e.preventDefault(),moveToLast()}}),options.on("click",function(e){currentIndex=options.index(this),updateFocus(),updateSelectionState(currentIndex)})})}(),$(document).on("keydown",".thwvsf-rad",function(e){var nextIndex,$radios=$(this).closest(".thwvsf-rad-li").find(".thwvsf-rad"),currentIndex=$radios.index(this);switch(e.which){case 37:case 38:e.preventDefault(),nextIndex=currentIndex>0?currentIndex-1:$radios.length-1,$radios.eq(nextIndex).focus().prop("checked",!0).trigger("change"),updateTabIndex($radios,nextIndex);break;case 39:case 40:e.preventDefault(),nextIndex=currentIndex<$radios.length-1?currentIndex+1:0,$radios.eq(nextIndex).focus().prop("checked",!0).trigger("change"),updateTabIndex($radios,nextIndex)}}),{initialize_thwvsf:initialize_thwvsf}}(jQuery);

product-variation-swatches-for-woocommerce/trunk/public/class-thwvsf-public.php

@@ -527 +527 @@
                 }else{
 
-                    $html .= '<ul class="thwvsf-wrapper-ul">';
+                    $html .= '<ul class="thwvsf-wrapper-ul" role="listbox" aria-label="Swatches options">';
 
                     foreach ( $terms as $term ) {
@@ -610 +610 @@
             $color         = !empty($term_settings) &&  isset($term_settings['term_value']) ? $term_settings['term_value'] : '';
         }
+
+        // Determine if this is the first item (for initial tabindex)
+        static $first_item = true;
+        $tabindex = $first_item ? '0' : '-1';
+        $first_item = false;
+        
+        // Set aria-selected based on selection status
+        $aria_selected = $selected ? 'true' : 'false';
             
         $html = '
-            <li class="thwvsf-wrapper-item-li thwvsf-color-li thwvsf-div thwvsf-checkbox attribute_'.esc_attr(preg_replace('/[^A-Za-z0-9\-\_]/', '', $id)).' '. esc_attr($attr_class).' '.esc_attr($selected).' '.esc_attr($design_class).' thwvsf-tooltip" data-attribute_name="attribute_'.esc_attr($id).'" data-value="'.esc_attr($data_val).'" title="'.esc_attr($name).'">'.$tt_html.
+            <li class="thwvsf-wrapper-item-li thwvsf-color-li thwvsf-div thwvsf-checkbox attribute_'.esc_attr(preg_replace('/[^A-Za-z0-9\-\_]/', '', $id)).' '. esc_attr($attr_class).' '.esc_attr($selected).' '.esc_attr($design_class).' thwvsf-tooltip" 
+                data-attribute_name="attribute_'.esc_attr($id).'" 
+                data-value="'.esc_attr($data_val).'" 
+                title="'.esc_attr($name).'"
+                role="option"
+                tabindex="'.esc_attr($tabindex).'"
+                aria-selected="'.esc_attr($aria_selected).'"
+                aria-label="'.esc_attr($name).' color option">'.$tt_html.
                 '<span class="thwvsf-item-span thwvsf-item-span-color" style="background-color:'.esc_attr( $color).';"> </span>
+                <span class="th-sr-only">'.esc_html($name).'</span>
             </li>';
 
@@ -639 +655 @@
         }
 
+        // Determine if this is the first item (for initial tabindex), modyfy for accessibility
+        // and to ensure the first item is focusable for keyboard navigation.
+        static $first_image_item = true;
+        $tabindex = $first_image_item ? '0' : '-1';
+        $first_image_item = false;
+        
+        // Set aria-selected based on selection status
+        $aria_selected = $selected ? 'true' : 'false';
+
         $img_html = $lazy_load === 'yes' ? '<img class="swatch-preview swatch-image lazy"  data-src="'.esc_url($image).' " width="44px" height="44px" alt="'.esc_attr($name).'">' : '<img class="swatch-preview swatch-image "  src="'.esc_url($image).' " width="44px" height="44px" alt="'.esc_attr($name).'">';
 
-        $html = '<li class="thwvsf-wrapper-item-li thwvsf-image-li thwvsf-div thwvsf-checkbox attribute_'.esc_attr( preg_replace('/[^A-Za-z0-9\-\_]/', '', $id)).' '. esc_attr( $attr_class ).' '. esc_attr( $design_class ).' '.esc_attr( $selected).' thwvsf-tooltip" data-attribute_name="attribute_'.esc_attr( $id).'" data-value="'.esc_attr( $data_val).'" title="'.esc_attr( $name).'" >
+        $html = '<li class="thwvsf-wrapper-item-li thwvsf-image-li thwvsf-div thwvsf-checkbox attribute_'.esc_attr( preg_replace('/[^A-Za-z0-9\-\_]/', '', $id)).' '. esc_attr( $attr_class ).' '. esc_attr( $design_class ).' '.esc_attr( $selected).' thwvsf-tooltip" 
+                data-attribute_name="attribute_'.esc_attr( $id).'" 
+                data-value="'.esc_attr( $data_val).'" 
+                title="'.esc_attr( $name).'"
+                role="option"
+                tabindex="'.esc_attr($tabindex).'"
+                aria-selected="'.esc_attr($aria_selected).'"
+                aria-label="'.esc_attr($name).' image option"> 
+                    
             '.$tt_html.' '.$img_html.'
+            <span class="th-sr-only">'.esc_html($name).'</span>
         </li>'; 
 
@@ -674 +708 @@
         }
 
-        $html = '<li class="thwvsf-wrapper-item-li thwvsf-label-li thwvsf-div thwvsf-checkbox attribute_'.esc_attr(preg_replace('/[^A-Za-z0-9\-\_]/', '', $id)).' '. esc_attr($attr_class).' '.esc_attr($design_class).' '.esc_attr($selected).' thwvsf-tooltip" data-attribute_name="attribute_'.esc_attr($id).'" data-value="'.esc_attr($data_val).'" title="'.esc_attr($name).'">
+        // Determine if this is the first item (for initial tabindex)
+        static $first_label_item = true;
+        $tabindex = $first_label_item ? '0' : '-1';
+        $first_label_item = false;
+        
+        // Set aria-selected based on selection status
+        $aria_selected = $selected ? 'true' : 'false';
+
+        $html = '<li class="thwvsf-wrapper-item-li thwvsf-label-li thwvsf-div thwvsf-checkbox attribute_'.esc_attr(preg_replace('/[^A-Za-z0-9\-\_]/', '', $id)).' '. esc_attr($attr_class).' '.esc_attr($design_class).' '.esc_attr($selected).' thwvsf-tooltip" 
+                    data-attribute_name="attribute_'.esc_attr($id).'" 
+                    data-value="'.esc_attr($data_val).'" 
+                    title="'.esc_attr($name).'"
+                    role="option"
+                    tabindex="'.esc_attr($tabindex).'"
+                    aria-selected="'.esc_attr($aria_selected).'"
+                    aria-label="'.esc_attr($name).' option">
                 '.$tt_html.'
             <span class=" thwvsf-item-span item-span-text ">'.esc_html($value).'</span> 
+            <span class="th-sr-only">'.esc_html($name).'</span>
             </li>';
 
@@ -686 +736 @@
         //$attr_method = taxonomy_exists( $attribute ) ? 'global'  : 'local';
         $html  = '';
-        $html .= '<div class="thwvsf-rad-li attribute_'. $id .' '.$design_class.' ">';
+        // Add role="radiogroup" and aria-labelledby for screen readers
+        $group_label_id = 'thwvsf-group-label-' . esc_attr($id);
+        $html .= '<div class="thwvsf-rad-li attribute_'. $id .' '.$design_class.' " role="radiogroup" aria-labelledby="'.$group_label_id.'">';
+        $html .= '<span id="'.$group_label_id.'" class="th-sr-only">Select ' . esc_html($attribute) . '</span>';
 
         if($terms){
 
             foreach ( $terms as $term ) {
+                $term_count = 0;
                 $name = '';
                 $slug = '';
@@ -718 +772 @@
 
                 $checked = $selected == 'thwvs-selected' ? 'checked="checked"' : '';
+                // Generate unique IDs for proper label association
+                $input_id = 'thwvsf-radio-' . esc_attr($id) . '-' . esc_attr($attr_class) . '-' . $term_count;
+            
+                // Determine if this should be the default focused item (first item or selected item)
+                $tabindex = ($term_count === 0 || $selected == 'thwvs-selected') ? '0' : '-1';
+
                 $html  .='
-                    <label class="th-label-radio th-container attribute_'.esc_attr(preg_replace('/[^A-Za-z0-9\-\_]/', '', $id)).' '. esc_attr($attr_class) .' '. esc_attr($selected) .' '.esc_attr($design_class).'">
+                    <label for="'.$input_id.'" class="th-label-radio th-container attribute_'.esc_attr(preg_replace('/[^A-Za-z0-9\-\_]/', '', $id)).' '. esc_attr($attr_class) .' '. esc_attr($selected) .' '.esc_attr($design_class).'">
                         <span class="th-radio-name">
                             <span class="variation-name">'.esc_html($name).'</span>
                         </span>
-                        <input type="radio" class="thwvsf-rad"   name="attribute_'.esc_attr($id).'"  value="'.esc_attr($slug).'"  data-attribute_name="attribute_'.esc_attr($id).'" data-value="'.esc_attr($slug).'" '.$checked.'> 
+                        <input type="radio" 
+                            id="'.$input_id.'"
+                            class="thwvsf-rad"   
+                            name="attribute_'.esc_attr($id).'" 
+                            value="'.esc_attr($slug).'"  
+                            data-attribute_name="attribute_'.esc_attr($id).'" 
+                            data-value="'.esc_attr($slug).'" 
+                            tabindex="'.$tabindex.'"
+                            aria-describedby="'.$input_id.'-desc"
+                            '.$checked.'> 
                         <span class="checkmark"></span>
+                        <span id="'.$input_id.'-desc" class="th-sr-only">'.esc_html($name).' option for '.esc_html($attribute).'</span>
                     </label>'
                 ;
+                $term_count++;
             }
 

product-variation-swatches-for-woocommerce/trunk/readme.txt

@@ -4 +4 @@
 Tags: Variation Swatches, Variation Swatches for WooCommerce, WooCommerce Variation Swatches, WooCommerce Attributes, WooCommerce Variation
 Requires at least: 5.3
-Tested up to: 6.7
+Tested up to: 6.8
 Requires PHP: 7.4
-Stable tag: 2.4.0
+Stable tag: 2.4.1
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -40 +40 @@
     3.  Label/Button
     4.  Radio
-
-    [​​Video tutorial](https://youtu.be/icrlkqJAv_M?si=GZwiodoVjuCPeRjN)
+    
+
+[​​Video tutorial](https://youtu.be/icrlkqJAv_M?si=GZwiodoVjuCPeRjN)
 
 = ✅ AUTO CONVERT ALL VARIATION DROPDOWNS TO LABEL/BUTTON  SWATCHES =
@@ -377 +378 @@
 
 == Changelog ==
+= 2.4.1 =
+* Improved accessibility for swatches, Made swatches navigable and selectable using the keyboard (e.g., Tab and arrow keys), ensuring compliance with accessibility standards
+* Added WooCommerce 9.9 compatibility.
+* Added WordPress 6.8 compatibility.
+
 = 2.4.0 =
 * Added WooCommerce 9.7 compatibility.