Variation Swatches for WooCommerce - Version 2.1.1

Version Description

  • Fix issue for color enable switch toggle
  • Update JS AJAX to update the plugin setting even no attribute is selected
  • Change the JS selector to change variation image in list only
  • Fix pa_ prefix does not exists
Download this release

Release Info

Developer themealien
Plugin Icon 128x128 Variation Swatches for WooCommerce
Version 2.1.1
Comparing to
See all releases

Code changes from version 2.1.0 to 2.1.1

Files changed (15) hide show
  1. assets/css/admin.css +80 -0
  2. assets/css/admin.css.map +1 -1
  3. assets/css/admin.scss +98 -0
  4. assets/css/frontend.css +206 -145
  5. assets/css/frontend.css.map +1 -1
  6. assets/css/frontend.scss +7 -7
  7. assets/js/admin.js +45 -1
  8. assets/js/frontend.js +2 -2
  9. includes/class-admin.php +25 -6
  10. includes/class-frontend.php +14 -7
  11. includes/class-setting-fields-manager.php +61 -4
  12. includes/class-variation-swatches.php +5 -1
  13. readme.txt +7 -1
  14. templates/admin/welcome-popup.php +5 -14
  15. variation-swatches-for-woocommerce.php +2 -2
assets/css/admin.css CHANGED
@@ -381,6 +381,9 @@ input.font-size-input {
381
  border-bottom: 1px solid #F3F3F3;
382
  padding-top: 20px;
383
  }
 
 
 
384
  .variation-switcher-item.hidden {
385
  display: none;
386
  }
@@ -665,6 +668,83 @@ button.accor-tab-btn.active-at-btn {
665
  border-radius: 50%;
666
  }
667
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
668
  .variation-switch-field-grid {
669
  display: flex;
670
  align-items: center;
381
  border-bottom: 1px solid #F3F3F3;
382
  padding-top: 20px;
383
  }
384
+ .variation-switcher-item.swatch-image-ratio-wrapper {
385
+ display: block;
386
+ }
387
  .variation-switcher-item.hidden {
388
  display: none;
389
  }
668
  border-radius: 50%;
669
  }
670
 
671
+ .variation-radio-wrapper {
672
+ margin-top: 30px;
673
+ }
674
+
675
+ .swatch-ratio-radio {
676
+ margin-left: 10px;
677
+ display: block;
678
+ position: relative;
679
+ width: 40px;
680
+ text-align: center;
681
+ line-height: 30px;
682
+ font-weight: 600;
683
+ color: #222222;
684
+ box-sizing: border-box;
685
+ }
686
+ .swatch-ratio-radio input {
687
+ width: 0;
688
+ height: 0;
689
+ position: absolute;
690
+ opacity: 0;
691
+ cursor: pointer;
692
+ }
693
+ .swatch-ratio-radio .variation-radio-text {
694
+ border: 1px solid #E0E0E0;
695
+ }
696
+ .swatch-ratio-radio input:checked + .variation-radio-text {
697
+ border: 2px solid #008060;
698
+ }
699
+ .swatch-ratio-radio span {
700
+ display: block;
701
+ position: absolute;
702
+ width: 100%;
703
+ height: 100%;
704
+ top: 0;
705
+ left: 0;
706
+ }
707
+ .swatch-ratio-radio.radio-disabled {
708
+ height: 40px;
709
+ line-height: 40px;
710
+ }
711
+ .swatch-ratio-radio.radio-11 {
712
+ height: 40px;
713
+ line-height: 40px;
714
+ }
715
+ .swatch-ratio-radio.radio-34 {
716
+ height: 53px;
717
+ line-height: 53px;
718
+ }
719
+ .swatch-ratio-radio.radio-43 {
720
+ height: 30px;
721
+ line-height: 30px;
722
+ }
723
+ .swatch-ratio-radio.radio-32 {
724
+ height: 27px;
725
+ line-height: 27px;
726
+ }
727
+ .swatch-ratio-radio.radio-23 {
728
+ height: 60px;
729
+ line-height: 60px;
730
+ }
731
+ .swatch-ratio-radio.radio-169 {
732
+ height: 22.5px;
733
+ line-height: 22.5px;
734
+ }
735
+ .swatch-ratio-radio.radio-916 {
736
+ height: 71px;
737
+ line-height: 71px;
738
+ }
739
+ .swatch-ratio-radio.radio-54 {
740
+ height: 32px;
741
+ line-height: 32px;
742
+ }
743
+ .swatch-ratio-radio.radio-45 {
744
+ height: 50px;
745
+ line-height: 50px;
746
+ }
747
+
748
  .variation-switch-field-grid {
749
  display: flex;
750
  align-items: center;
assets/css/admin.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["admin.scss"],"names":[],"mappings":";AACE;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAIA;EACE;;AAGF;EACE;;;AAKN;AAEA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EASE;;AARA;EACE;EACA;EACA;EACA;EACA;;;AAQR;EACE;IACE;IACA;;;EAGF;IACE;IACA;IACA;;;EAGF;IACE;IACA;IACA;;;EAGF;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;EACA;EACA;;;AAIA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAKN;EACE;IACE;IACA;IACA;IACA;;;AAIJ;EAEI;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAEA;IACE;;;AAMR;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;;AAKN;AAEA;AAEA;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;AAEA;EACE;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKF;EACE;;AAKF;EACE;;;AAMR;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;IACA;;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAEA;IACE;IACA;;;EAIJ;IACE;;;EAGF;IACE;;;EAGF;IACE;;;AAIJ;EACE;;;AAIA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;IACE;IACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAGE;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;;AAKN;EAEI;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;;AAMJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIA;EACE;;;AAQV;EACE;EACA;;AAGE;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAMF;EACE;;AAMN;EAzCF;IA0CI;;;AAGF;EA7CF;IA8CI;IACA;;;AAGF;EAlDF;IAmDI;IACA;;;;AAQE;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;EACA;;AAGF;EACE;;AAON;EAnDF;IAoDI;IACA;IACA;;;AAEF;EAxDF;IAyDI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKE;EACE;EACA;EACA;;;AAKN;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;;AAGE;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EAEE;IACE;IACA;IACA;;;AAIJ;EACE;IACE;;;EAGF;IACE;IACA;;;EAIA;IACE;IACA;;EAGF;IACE;;;AAKN;AAEA;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE","file":"admin.css"}
1
+ {"version":3,"sourceRoot":"","sources":["admin.scss"],"names":[],"mappings":";AACE;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAIA;EACE;;AAGF;EACE;;;AAKN;AAEA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EASE;;AARA;EACE;EACA;EACA;EACA;EACA;;;AAQR;EACE;IACE;IACA;;;EAGF;IACE;IACA;IACA;;;EAGF;IACE;IACA;IACA;;;EAGF;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;EACA;EACA;;;AAIA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAKN;EACE;IACE;IACA;IACA;IACA;;;AAIJ;EAEI;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAEA;IACE;;;AAMR;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;;AAKN;AAEA;AAEA;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;AAEA;EACE;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKF;EACE;;AAKF;EACE;;;AAMR;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAMN;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;IACA;;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAEA;IACE;IACA;;;EAIJ;IACE;;;EAGF;IACE;;;EAGF;IACE;;;AAIJ;EACE;;;AAIA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;IACE;IACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAGE;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;;AAKN;EAEI;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;;AAMJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIA;EACE;;;AAQV;EACE;EACA;;AAGE;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAMF;EACE;;AAMN;EAzCF;IA0CI;;;AAGF;EA7CF;IA8CI;IACA;;;AAGF;EAlDF;IAmDI;IACA;;;;AAQE;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;EACA;;AAGF;EACE;;AAON;EAnDF;IAoDI;IACA;IACA;;;AAEF;EAxDF;IAyDI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKE;EACE;EACA;EACA;;;AAKN;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;;AAGE;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EAEE;IACE;IACA;IACA;;;AAIJ;EACE;IACE;;;EAGF;IACE;IACA;;;EAIA;IACE;IACA;;EAGF;IACE;;;AAKN;AAEA;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE","file":"admin.css"}
assets/css/admin.scss CHANGED
@@ -427,6 +427,10 @@ input.font-size-input {
427
  border-bottom: 1px solid #F3F3F3;
428
  padding-top: 20px;
429
 
 
 
 
 
430
  &.hidden {
431
  display: none;
432
  }
@@ -764,6 +768,100 @@ button.accor-tab-btn {
764
  }
765
  }
766
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
767
  .variation-switch-field-grid {
768
  display: flex;
769
  align-items: center;
427
  border-bottom: 1px solid #F3F3F3;
428
  padding-top: 20px;
429
 
430
+ &.swatch-image-ratio-wrapper {
431
+ display: block;
432
+ }
433
+
434
  &.hidden {
435
  display: none;
436
  }
768
  }
769
  }
770
 
771
+ .variation-radio-wrapper {
772
+ margin-top: 30px;
773
+ }
774
+
775
+ .swatch-ratio-radio {
776
+ margin-left: 10px;
777
+ display: block;
778
+ position: relative;
779
+ width: 40px;
780
+ text-align: center;
781
+ line-height: 30px;
782
+ font-weight: 600;
783
+ color: #222222;
784
+ box-sizing: border-box;
785
+
786
+ input {
787
+ width: 0;
788
+ height: 0;
789
+ position: absolute;
790
+ opacity: 0;
791
+ cursor: pointer;
792
+ }
793
+
794
+ .variation-radio-text {
795
+ border: 1px solid #E0E0E0;
796
+ }
797
+
798
+ input:checked + .variation-radio-text {
799
+ border: 2px solid #008060;
800
+ }
801
+
802
+ span {
803
+ display: block;
804
+ position: absolute;
805
+ width: 100%;
806
+ height: 100%;
807
+ top: 0;
808
+ left: 0;
809
+ }
810
+
811
+ &.radio {
812
+ &-disabled {
813
+ height: 40px;
814
+ line-height: 40px;
815
+ }
816
+
817
+ &-11 {
818
+ height: 40px;
819
+ line-height: 40px;
820
+ }
821
+
822
+ &-34 {
823
+ height: 53px;
824
+ line-height: 53px;
825
+ }
826
+
827
+ &-43 {
828
+ height: 30px;
829
+ line-height: 30px;
830
+ }
831
+
832
+ &-32 {
833
+ height: 27px;
834
+ line-height: 27px;
835
+ }
836
+
837
+ &-23 {
838
+ height: 60px;
839
+ line-height: 60px;
840
+ }
841
+
842
+ &-169 {
843
+ height: 22.5px;
844
+ line-height: 22.5px;
845
+ }
846
+
847
+ &-916 {
848
+ height: 71px;
849
+ line-height: 71px;
850
+ }
851
+
852
+ &-54 {
853
+ height: 32px;
854
+ line-height: 32px;
855
+ }
856
+
857
+ &-45 {
858
+ height: 50px;
859
+ line-height: 50px;
860
+ }
861
+ }
862
+
863
+ }
864
+
865
  .variation-switch-field-grid {
866
  display: flex;
867
  align-items: center;
assets/css/frontend.css CHANGED
@@ -3,24 +3,29 @@
3
  visibility: hidden !important;
4
  }
5
 
6
- .woocommerce div.product form.cart.swatches-support .variable:not(.type-select) .arrow,
7
- .woocommerce.archive form.cart.swatches-support .variable:not(.type-select) .arrow {
 
8
  display: none !important;
9
  }
10
- .woocommerce div.product form.cart.swatches-support .variable:not(.type-select) .line-hover:after,
11
- .woocommerce.archive form.cart.swatches-support .variable:not(.type-select) .line-hover:after {
 
12
  content: none;
13
  }
14
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches,
15
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches {
 
16
  padding: 5px;
17
  display: inline-flex !important;
18
  flex-wrap: wrap;
19
  }
20
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch,
21
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more,
22
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch,
23
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more {
 
 
24
  -webkit-transition: all 0.3s;
25
  -moz-transition: all 0.3s;
26
  -o-transition: all 0.3s;
@@ -38,32 +43,33 @@
38
  align-items: center;
39
  justify-content: center;
40
  }
41
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch:after, .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch:before,
42
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more:after,
43
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more:before,
44
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch:after,
45
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch:before,
46
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more:after,
47
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more:before {
 
 
 
 
48
  display: block !important;
49
  }
50
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-color,
51
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-color,
52
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-color,
53
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-color {
 
 
54
  text-indent: -9999em;
55
- border: 2px solid #ccc;
56
- }
57
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-color.selected,
58
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-color.selected,
59
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-color.selected,
60
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-color.selected {
61
- border-color: #333;
62
- }
63
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-color.selected:before,
64
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-color.selected:before,
65
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-color.selected:before,
66
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-color.selected:before {
67
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
68
  -moz-transform: translate(-50%, -50%) rotate(45deg);
69
  transform: translate(-50%, -50%) rotate(45deg);
@@ -73,131 +79,168 @@
73
  display: block;
74
  border: solid #eee;
75
  border-width: 0 2px 2px 0;
 
76
  position: absolute;
77
  top: 50%;
78
  left: 50%;
79
  margin: -2px -2px 0 0;
80
  }
81
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch:not(.swatch-color),
82
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more:not(.swatch-color),
83
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch:not(.swatch-color),
84
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more:not(.swatch-color) {
 
 
85
  background-color: #f1f1f1;
86
  }
87
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-label,
88
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-label,
89
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-label,
90
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-label {
 
 
91
  font-size: 14px;
92
  min-width: max-content;
93
  }
94
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-image,
95
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-image,
96
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-image,
97
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-image {
 
 
98
  font-size: 0;
99
  }
100
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-image .swatch__tooltip,
101
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-image .swatch__tooltip,
102
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-image .swatch__tooltip,
103
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-image .swatch__tooltip {
 
 
104
  font-size: 14px;
105
  }
106
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-circle,
107
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-circle,
108
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-circle,
109
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-circle {
 
 
110
  -webkit-border-radius: 50% !important;
111
  -moz-border-radius: 50% !important;
112
  border-radius: 50% !important;
113
  }
114
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-circle img,
115
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-circle img,
116
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-circle img,
117
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-circle img {
 
 
118
  -webkit-border-radius: 50%;
119
  -moz-border-radius: 50%;
120
  border-radius: 50%;
121
  }
122
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-circle:before,
123
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-circle:before,
124
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-circle:before,
125
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-circle:before {
 
 
126
  border-radius: 50%;
127
  }
128
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-rounded,
129
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-rounded,
130
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-rounded,
131
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-rounded {
 
 
132
  -webkit-border-radius: 8px;
133
  -moz-border-radius: 8px;
134
  border-radius: 8px;
135
  }
136
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-rounded img,
137
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-rounded img,
138
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-rounded img,
139
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-rounded img {
 
 
140
  -webkit-border-radius: 8px;
141
  -moz-border-radius: 8px;
142
  border-radius: 8px;
143
  }
144
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-rounded:before,
145
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-rounded:before,
146
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-rounded:before,
147
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-rounded:before {
 
 
148
  border-radius: 8px;
149
  }
150
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-edge,
151
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-edge,
152
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-edge,
153
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-edge {
 
 
154
  -webkit-border-radius: 0;
155
  -moz-border-radius: 0;
156
  border-radius: 0;
157
  }
158
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-edge img,
159
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-edge img,
160
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-edge img,
161
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-edge img {
 
 
162
  -webkit-border-radius: 0;
163
  -moz-border-radius: 0;
164
  border-radius: 0;
165
  }
166
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-edge:before,
167
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-edge:before,
168
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.swatch-shape-edge:before,
169
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.swatch-shape-edge:before {
 
 
170
  border-radius: 0;
171
  }
172
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.disabled,
173
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.disabled,
174
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.disabled,
175
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.disabled {
 
 
176
  cursor: default;
177
  opacity: 0.4 !important;
178
  }
179
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.disabled .swatch__tooltip,
180
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.disabled .swatch__tooltip,
181
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.disabled .swatch__tooltip,
182
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.disabled .swatch__tooltip {
 
 
183
  display: none;
184
  }
185
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch:first-child,
186
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more:first-child,
187
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch:first-child,
188
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more:first-child {
 
 
189
  margin-left: 0;
190
  }
191
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch:last-child,
192
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more:last-child,
193
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch:last-child,
194
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more:last-child {
 
 
195
  margin-right: 0;
196
  }
197
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch:before,
198
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more:before,
199
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch:before,
200
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more:before {
 
 
201
  content: "";
202
  position: absolute;
203
  left: -4px;
@@ -206,32 +249,41 @@
206
  bottom: -4px;
207
  border: 1px solid #ddd;
208
  }
209
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.selected,
210
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.selected,
211
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.selected,
212
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.selected {
 
 
213
  border-color: transparent;
214
  }
215
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.selected:before,
216
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.selected:before,
217
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.selected:before,
218
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.selected:before {
 
 
219
  border-color: #674399;
220
  }
221
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.selected:after,
222
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.selected:after,
223
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.selected:after,
224
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.selected:after {
 
 
225
  content: none;
226
  }
227
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch.selected.swatch-label,
228
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-show-more.selected.swatch-label,
229
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch.selected.swatch-label,
230
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-show-more.selected.swatch-label {
 
 
231
  border-bottom: none !important;
232
  }
233
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch__tooltip,
234
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch__tooltip {
 
235
  -webkit-transform: translate(-50%, -100%);
236
  -moz-transform: translate(-50%, -100%);
237
  transform: translate(-50%, -100%);
@@ -261,8 +313,9 @@
261
  white-space: normal;
262
  min-width: max-content;
263
  }
264
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch__tooltip:after,
265
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch__tooltip:after {
 
266
  -webkit-transform: rotate(45deg);
267
  -moz-transform: rotate(45deg);
268
  transform: rotate(45deg);
@@ -275,27 +328,32 @@
275
  left: 50%;
276
  margin-left: -6px;
277
  }
278
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-item-wrapper,
279
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-item-wrapper {
 
280
  position: relative;
281
  }
282
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch:hover + .swatch__tooltip,
283
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch:hover + .swatch__tooltip {
 
284
  opacity: 1;
285
  visibility: visible;
286
  user-select: auto;
287
  }
288
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches.oss-blur-with-cross .swatch.disabled,
289
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches.oss-blur-with-cross .swatch.disabled {
 
290
  position: relative;
291
  background: #33333357;
292
  }
293
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches.oss-blur-with-cross .swatch.disabled img,
294
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches.oss-blur-with-cross .swatch.disabled img {
 
295
  opacity: 0.5;
296
  }
297
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches.oss-blur-with-cross .swatch.disabled:after,
298
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches.oss-blur-with-cross .swatch.disabled:after {
 
299
  content: "";
300
  position: absolute;
301
  top: 0;
@@ -308,16 +366,19 @@
308
  border-radius: 0;
309
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), black 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), black 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%);
310
  }
311
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches.oss-blur-with-cross .swatch.disabled.swatch-shape-rounded:after,
312
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches.oss-blur-with-cross .swatch.disabled.swatch-shape-rounded:after {
 
313
  border-radius: 8px;
314
  }
315
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches.oss-blur-with-cross .swatch.disabled.swatch-shape-circle:after,
316
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches.oss-blur-with-cross .swatch.disabled.swatch-shape-circle:after {
 
317
  border-radius: 50%;
318
  }
319
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches.oss-hide .swatch.disabled,
320
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches.oss-hide .swatch.disabled {
 
321
  display: none;
322
  }
323
 
@@ -353,16 +414,16 @@
353
  /**
354
  * Custom CSS for the Sober theme
355
  */
356
- .woocommerce.theme-sober div.product form.cart.swatches-support .variations .variable {
357
  width: 90%;
358
  }
359
- .woocommerce.theme-sober div.product form.cart.swatches-support .line-hover {
360
  cursor: default;
361
  }
362
- .woocommerce.theme-sober div.product form.cart.swatches-support .tawcvs-swatches .swatch-item-wrapper .swatch-image {
363
  text-align: center;
364
  }
365
- .woocommerce.theme-sober div.product form.cart.swatches-support .tawcvs-swatches .swatch-item-wrapper .swatch-image img {
366
  width: 100%;
367
  height: auto;
368
  }
3
  visibility: hidden !important;
4
  }
5
 
6
+ .woocommerce div.product form.cart.variations_form .variable:not(.type-select) .arrow,
7
+ .woocommerce.archive form.cart.variations_form .variable:not(.type-select) .arrow,
8
+ .woocommerce.single-product form.cart.variations_form .variable:not(.type-select) .arrow {
9
  display: none !important;
10
  }
11
+ .woocommerce div.product form.cart.variations_form .variable:not(.type-select) .line-hover:after,
12
+ .woocommerce.archive form.cart.variations_form .variable:not(.type-select) .line-hover:after,
13
+ .woocommerce.single-product form.cart.variations_form .variable:not(.type-select) .line-hover:after {
14
  content: none;
15
  }
16
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches,
17
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches,
18
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches {
19
  padding: 5px;
20
  display: inline-flex !important;
21
  flex-wrap: wrap;
22
  }
23
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch,
24
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more,
25
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch,
26
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more,
27
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch,
28
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more {
29
  -webkit-transition: all 0.3s;
30
  -moz-transition: all 0.3s;
31
  -o-transition: all 0.3s;
43
  align-items: center;
44
  justify-content: center;
45
  }
46
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch:after, .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch:before,
47
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more:after,
48
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more:before,
49
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch:after,
50
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch:before,
51
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more:after,
52
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more:before,
53
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch:after,
54
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch:before,
55
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more:after,
56
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more:before {
57
  display: block !important;
58
  }
59
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-color,
60
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-color,
61
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-color,
62
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-color,
63
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-color,
64
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-color {
65
  text-indent: -9999em;
66
+ }
67
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-color.selected:after,
68
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-color.selected:after,
69
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-color.selected:after,
70
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-color.selected:after,
71
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-color.selected:after,
72
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-color.selected:after {
 
 
 
 
 
73
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
74
  -moz-transform: translate(-50%, -50%) rotate(45deg);
75
  transform: translate(-50%, -50%) rotate(45deg);
79
  display: block;
80
  border: solid #eee;
81
  border-width: 0 2px 2px 0;
82
+ border-radius: 0;
83
  position: absolute;
84
  top: 50%;
85
  left: 50%;
86
  margin: -2px -2px 0 0;
87
  }
88
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch:not(.swatch-color),
89
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more:not(.swatch-color),
90
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch:not(.swatch-color),
91
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more:not(.swatch-color),
92
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch:not(.swatch-color),
93
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more:not(.swatch-color) {
94
  background-color: #f1f1f1;
95
  }
96
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-label,
97
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-label,
98
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-label,
99
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-label,
100
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-label,
101
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-label {
102
  font-size: 14px;
103
  min-width: max-content;
104
  }
105
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-image,
106
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-image,
107
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-image,
108
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-image,
109
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-image,
110
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-image {
111
  font-size: 0;
112
  }
113
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-image .swatch__tooltip,
114
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-image .swatch__tooltip,
115
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-image .swatch__tooltip,
116
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-image .swatch__tooltip,
117
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-image .swatch__tooltip,
118
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-image .swatch__tooltip {
119
  font-size: 14px;
120
  }
121
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle,
122
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-circle,
123
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle,
124
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-circle,
125
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle,
126
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-circle {
127
  -webkit-border-radius: 50% !important;
128
  -moz-border-radius: 50% !important;
129
  border-radius: 50% !important;
130
  }
131
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle img,
132
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-circle img,
133
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle img,
134
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-circle img,
135
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle img,
136
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-circle img {
137
  -webkit-border-radius: 50%;
138
  -moz-border-radius: 50%;
139
  border-radius: 50%;
140
  }
141
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle:before,
142
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-circle:before,
143
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle:before,
144
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-circle:before,
145
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle:before,
146
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-circle:before {
147
  border-radius: 50%;
148
  }
149
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-rounded,
150
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-rounded,
151
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-rounded,
152
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-rounded,
153
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-rounded,
154
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-rounded {
155
  -webkit-border-radius: 8px;
156
  -moz-border-radius: 8px;
157
  border-radius: 8px;
158
  }
159
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-rounded img,
160
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-rounded img,
161
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-rounded img,
162
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-rounded img,
163
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-rounded img,
164
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-rounded img {
165
  -webkit-border-radius: 8px;
166
  -moz-border-radius: 8px;
167
  border-radius: 8px;
168
  }
169
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-rounded:before,
170
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-rounded:before,
171
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-rounded:before,
172
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-rounded:before,
173
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-rounded:before,
174
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-rounded:before {
175
  border-radius: 8px;
176
  }
177
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-edge,
178
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-edge,
179
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-edge,
180
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-edge,
181
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-edge,
182
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-edge {
183
  -webkit-border-radius: 0;
184
  -moz-border-radius: 0;
185
  border-radius: 0;
186
  }
187
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-edge img,
188
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-edge img,
189
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-edge img,
190
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-edge img,
191
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-edge img,
192
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-edge img {
193
  -webkit-border-radius: 0;
194
  -moz-border-radius: 0;
195
  border-radius: 0;
196
  }
197
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-edge:before,
198
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-edge:before,
199
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-edge:before,
200
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-edge:before,
201
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-edge:before,
202
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-edge:before {
203
  border-radius: 0;
204
  }
205
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.disabled,
206
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.disabled,
207
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.disabled,
208
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.disabled,
209
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.disabled,
210
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.disabled {
211
  cursor: default;
212
  opacity: 0.4 !important;
213
  }
214
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.disabled .swatch__tooltip,
215
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.disabled .swatch__tooltip,
216
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.disabled .swatch__tooltip,
217
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.disabled .swatch__tooltip,
218
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.disabled .swatch__tooltip,
219
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.disabled .swatch__tooltip {
220
  display: none;
221
  }
222
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch:first-child,
223
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more:first-child,
224
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch:first-child,
225
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more:first-child,
226
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch:first-child,
227
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more:first-child {
228
  margin-left: 0;
229
  }
230
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch:last-child,
231
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more:last-child,
232
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch:last-child,
233
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more:last-child,
234
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch:last-child,
235
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more:last-child {
236
  margin-right: 0;
237
  }
238
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch:before,
239
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more:before,
240
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch:before,
241
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more:before,
242
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch:before,
243
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more:before {
244
  content: "";
245
  position: absolute;
246
  left: -4px;
249
  bottom: -4px;
250
  border: 1px solid #ddd;
251
  }
252
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.selected,
253
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.selected,
254
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.selected,
255
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.selected,
256
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.selected,
257
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.selected {
258
  border-color: transparent;
259
  }
260
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.selected:before,
261
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.selected:before,
262
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.selected:before,
263
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.selected:before,
264
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.selected:before,
265
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.selected:before {
266
  border-color: #674399;
267
  }
268
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.selected:after,
269
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.selected:after,
270
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.selected:after,
271
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.selected:after,
272
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.selected:after,
273
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.selected:after {
274
  content: none;
275
  }
276
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.selected.swatch-label,
277
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.selected.swatch-label,
278
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.selected.swatch-label,
279
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.selected.swatch-label,
280
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.selected.swatch-label,
281
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.selected.swatch-label {
282
  border-bottom: none !important;
283
  }
284
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch__tooltip,
285
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch__tooltip,
286
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch__tooltip {
287
  -webkit-transform: translate(-50%, -100%);
288
  -moz-transform: translate(-50%, -100%);
289
  transform: translate(-50%, -100%);
313
  white-space: normal;
314
  min-width: max-content;
315
  }
316
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch__tooltip:after,
317
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch__tooltip:after,
318
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch__tooltip:after {
319
  -webkit-transform: rotate(45deg);
320
  -moz-transform: rotate(45deg);
321
  transform: rotate(45deg);
328
  left: 50%;
329
  margin-left: -6px;
330
  }
331
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-item-wrapper,
332
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-item-wrapper,
333
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-item-wrapper {
334
  position: relative;
335
  }
336
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch:hover + .swatch__tooltip,
337
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch:hover + .swatch__tooltip,
338
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch:hover + .swatch__tooltip {
339
  opacity: 1;
340
  visibility: visible;
341
  user-select: auto;
342
  }
343
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled,
344
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled,
345
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled {
346
  position: relative;
347
  background: #33333357;
348
  }
349
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled img,
350
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled img,
351
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled img {
352
  opacity: 0.5;
353
  }
354
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled:after,
355
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled:after,
356
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled:after {
357
  content: "";
358
  position: absolute;
359
  top: 0;
366
  border-radius: 0;
367
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), black 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), black 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%);
368
  }
369
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled.swatch-shape-rounded:after,
370
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled.swatch-shape-rounded:after,
371
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled.swatch-shape-rounded:after {
372
  border-radius: 8px;
373
  }
374
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled.swatch-shape-circle:after,
375
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled.swatch-shape-circle:after,
376
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches.oss-blur-with-cross .swatch.disabled.swatch-shape-circle:after {
377
  border-radius: 50%;
378
  }
379
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches.oss-hide .swatch.disabled,
380
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches.oss-hide .swatch.disabled,
381
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches.oss-hide .swatch.disabled {
382
  display: none;
383
  }
384
 
414
  /**
415
  * Custom CSS for the Sober theme
416
  */
417
+ .woocommerce.theme-sober div.product form.cart.variations_form .variations .variable {
418
  width: 90%;
419
  }
420
+ .woocommerce.theme-sober div.product form.cart.variations_form .line-hover {
421
  cursor: default;
422
  }
423
+ .woocommerce.theme-sober div.product form.cart.variations_form .tawcvs-swatches .swatch-item-wrapper .swatch-image {
424
  text-align: center;
425
  }
426
+ .woocommerce.theme-sober div.product form.cart.variations_form .tawcvs-swatches .swatch-item-wrapper .swatch-image img {
427
  width: 100%;
428
  height: auto;
429
  }
assets/css/frontend.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["frontend.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAOI;AAAA;EACE;;AAGF;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAKN;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;;AAIA;AAAA;EACE;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAeA;AAAA;EACE;;AAKF;AAAA;EACE;;AAON;AAAA;EACE;;;AAOV;EACE;;AAEA;EACE;;;AAIJ;EACE;;AAEA;EACE;;;AAKF;EACE;;;AAIJ;EACE;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AAIE;EACE;;AAGF;EACE;;AAKA;EAME;;AALA;EACE;EACA","file":"frontend.css"}
1
+ {"version":3,"sourceRoot":"","sources":["frontend.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAQI;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIE;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAKN;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;EACA;EACA;;AAIA;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAeA;AAAA;AAAA;EACE;;AAKF;AAAA;AAAA;EACE;;AAON;AAAA;AAAA;EACE;;;AAOV;EACE;;AAEA;EACE;;;AAIJ;EACE;;AAEA;EACE;;;AAKF;EACE;;;AAIJ;EACE;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AAIE;EACE;;AAGF;EACE;;AAKA;EAME;;AALA;EACE;EACA","file":"frontend.css"}
assets/css/frontend.scss CHANGED
@@ -4,8 +4,9 @@
4
  }
5
 
6
  .woocommerce div.product,
7
- .woocommerce.archive {
8
- form.cart.swatches-support {
 
9
  .variable:not(.type-select) {
10
  .arrow {
11
  display: none !important;
@@ -47,12 +48,10 @@
47
 
48
  &.swatch-color {
49
  text-indent: -9999em;
50
- border: 2px solid #ccc;
51
 
52
  &.selected {
53
- border-color: #333;
54
 
55
- &:before {
56
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
57
  -moz-transform: translate(-50%, -50%) rotate(45deg);
58
  transform: translate(-50%, -50%) rotate(45deg);
@@ -62,6 +61,7 @@
62
  display: block;
63
  border: solid #eee;
64
  border-width: 0 2px 2px 0;
 
65
  position: absolute;
66
  top: 50%;
67
  left: 50%;
@@ -70,7 +70,7 @@
70
  }
71
  }
72
 
73
- &:not(.swatch-color){
74
  background-color: #f1f1f1;
75
  }
76
 
@@ -328,7 +328,7 @@
328
  /**
329
  * Custom CSS for the Sober theme
330
  */
331
- .woocommerce.theme-sober div.product form.cart.swatches-support {
332
  .variations .variable {
333
  width: 90%;
334
  }
4
  }
5
 
6
  .woocommerce div.product,
7
+ .woocommerce.archive,
8
+ .woocommerce.single-product {
9
+ form.cart.variations_form {
10
  .variable:not(.type-select) {
11
  .arrow {
12
  display: none !important;
48
 
49
  &.swatch-color {
50
  text-indent: -9999em;
 
51
 
52
  &.selected {
 
53
 
54
+ &:after {
55
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
56
  -moz-transform: translate(-50%, -50%) rotate(45deg);
57
  transform: translate(-50%, -50%) rotate(45deg);
61
  display: block;
62
  border: solid #eee;
63
  border-width: 0 2px 2px 0;
64
+ border-radius: 0;
65
  position: absolute;
66
  top: 50%;
67
  left: 50%;
70
  }
71
  }
72
 
73
+ &:not(.swatch-color) {
74
  background-color: #f1f1f1;
75
  }
76
 
328
  /**
329
  * Custom CSS for the Sober theme
330
  */
331
+ .woocommerce.theme-sober div.product form.cart.variations_form {
332
  .variations .variable {
333
  width: 90%;
334
  }
assets/js/admin.js CHANGED
@@ -284,7 +284,7 @@ jQuery(document).ready(function ($) {
284
  let typeToUpdate = "select";
285
  let configureLinkEle = $(this).parent().find(".configure-items-link");
286
  let mainTriggerEle = $("#" + $(this).parents('.ajax-to-update').data("conditional"));
287
- let ajaxData = {attribute: $(this).data("slug")};
288
 
289
  if (!mainTriggerEle.length) {
290
  return;
@@ -296,6 +296,8 @@ jQuery(document).ready(function ($) {
296
  ajaxData[mainTriggerEle.attr("name")] = 0;
297
  }
298
 
 
 
299
  if (this.checked && mainTriggerEle.is(":checked")) {
300
  typeToUpdate = $(this).data("type");
301
 
@@ -348,9 +350,51 @@ jQuery(document).ready(function ($) {
348
  childAttrs.each(function () {
349
  $(this).trigger("change");
350
  })
 
 
351
  }
352
  });
353
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
354
  });
355
 
356
 
284
  let typeToUpdate = "select";
285
  let configureLinkEle = $(this).parent().find(".configure-items-link");
286
  let mainTriggerEle = $("#" + $(this).parents('.ajax-to-update').data("conditional"));
287
+ let ajaxData = {};
288
 
289
  if (!mainTriggerEle.length) {
290
  return;
296
  ajaxData[mainTriggerEle.attr("name")] = 0;
297
  }
298
 
299
+ ajaxData.attribute = $(this).data("slug");
300
+
301
  if (this.checked && mainTriggerEle.is(":checked")) {
302
  typeToUpdate = $(this).data("type");
303
 
350
  childAttrs.each(function () {
351
  $(this).trigger("change");
352
  })
353
+ } else {
354
+ updateMainTriggerEle(mainTriggerEle);
355
  }
356
  });
357
 
358
+ /**
359
+ * Save the main trigger setting only
360
+ *
361
+ * @param mainTriggerEle
362
+ */
363
+ function updateMainTriggerEle(mainTriggerEle) {
364
+ if (!mainTriggerEle.length) {
365
+ return;
366
+ }
367
+
368
+ //We need to find the checkbox element which contain the name attribute to update
369
+ let mainTriggerCheckboxEle = mainTriggerEle.find("input[type=checkbox]");
370
+
371
+ if (!mainTriggerCheckboxEle.length) {
372
+ return;
373
+ }
374
+
375
+ let ajaxData = {};
376
+
377
+ //Check if the main trigger is checked or not
378
+ if (mainTriggerCheckboxEle.is(":checked")) {
379
+ ajaxData[mainTriggerCheckboxEle.attr("name")] = 1;
380
+ } else {
381
+ ajaxData[mainTriggerCheckboxEle.attr("name")] = 0;
382
+ }
383
+
384
+ //We need to get the response after update the plugin setting
385
+ ajaxData.sendResponse = 1;
386
+
387
+ //Run the Ajax to update plugin setting
388
+ wp.ajax.send("update_attribute_type_setting", {
389
+ data: ajaxData,
390
+ success: function (response) {
391
+ if (response.success) {
392
+ $(".main-ajax-trigger,.ajax-to-update").removeClass("saving");
393
+ }
394
+ }
395
+ });
396
+ }
397
+
398
  });
399
 
400
 
assets/js/frontend.js CHANGED
@@ -128,8 +128,8 @@
128
  function change_variation_image_on_shop_page($form, variation) {
129
  var $product = $form.closest('.product'),
130
  $product_img = $product.find('.woocommerce-LoopProduct-link img');
131
-
132
- if (!$product_img.length) {
133
  return false;
134
  }
135
 
128
  function change_variation_image_on_shop_page($form, variation) {
129
  var $product = $form.closest('.product'),
130
  $product_img = $product.find('.woocommerce-LoopProduct-link img');
131
+
132
+ if ($product_img.length !== 1) {
133
  return false;
134
  }
135
 
includes/class-admin.php CHANGED
@@ -47,6 +47,7 @@ class TA_WC_Variation_Swatches_Admin {
47
  add_action( 'tawcvs_product_attribute_field', array( $this, 'attribute_fields' ), 10, 4 );
48
 
49
  add_action( 'wp_ajax_update_product_attr_type', array( $this, 'update_product_attr_type' ) );
 
50
 
51
 
52
  add_action( 'woocommerce_attribute_added', array( $this, 'update_plugin_setting_on_added' ), 10, 2 );
@@ -507,14 +508,35 @@ class TA_WC_Variation_Swatches_Admin {
507
  }
508
  }
509
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
510
  /**
511
  * Ajax callback to update the Product Attribute type
512
  */
513
  public function update_product_attr_type() {
514
  global $wpdb;
515
 
516
- $latest_option = $this->get_latest_plugin_option();
517
-
518
  $attribute_name = isset( $_POST['attribute'] ) ? sanitize_text_field( $_POST['attribute'] ) : '';
519
  $type_to_update = isset( $_POST['typeToUpdate'] ) ? sanitize_text_field( $_POST['typeToUpdate'] ) : '';
520
 
@@ -531,10 +553,7 @@ class TA_WC_Variation_Swatches_Admin {
531
  array( '%s' )
532
  );
533
 
534
- //Update the plugin settings also
535
- $main_setting_arr = array_slice( $_POST, 1, 1, true );
536
-
537
- update_option( $this->option_name, array_replace_recursive( $latest_option, $main_setting_arr ) );
538
 
539
  $this->remove_wc_attributes_cache();
540
 
47
  add_action( 'tawcvs_product_attribute_field', array( $this, 'attribute_fields' ), 10, 4 );
48
 
49
  add_action( 'wp_ajax_update_product_attr_type', array( $this, 'update_product_attr_type' ) );
50
+ add_action( 'wp_ajax_update_attribute_type_setting', array( $this, 'update_attribute_type_setting' ) );
51
 
52
 
53
  add_action( 'woocommerce_attribute_added', array( $this, 'update_plugin_setting_on_added' ), 10, 2 );
508
  }
509
  }
510
 
511
+ /**
512
+ * The Ajax callback to update the plugin Attribute type setting.
513
+ * It also can be called from the Ajax callback to save attribute type
514
+ */
515
+ public function update_attribute_type_setting() {
516
+
517
+ //Get the latest plugin option
518
+ $latest_option = $this->get_latest_plugin_option();
519
+
520
+ //Check if we need to return an json response or not
521
+ $send_response = (bool) ( isset( $_POST['sendResponse'] ) ? sanitize_text_field( $_POST['sendResponse'] ) : 0 );
522
+
523
+ //Update the plugin settings also
524
+ $main_setting_arr = array_slice( $_POST, 0, 1, true );
525
+
526
+ //Update the plugin setting and return the response if needed
527
+ if ( update_option( $this->option_name, array_replace_recursive( $latest_option, $main_setting_arr ) ) && $send_response ) {
528
+ wp_send_json_success( array( 'message' => 'Updated plugin settings', 'success' => true ), 200 );
529
+ } elseif ( $send_response ) {
530
+ wp_send_json_error( array( 'message' => 'Failed to update', 'success' => false ), 200 );
531
+ }
532
+ }
533
+
534
  /**
535
  * Ajax callback to update the Product Attribute type
536
  */
537
  public function update_product_attr_type() {
538
  global $wpdb;
539
 
 
 
540
  $attribute_name = isset( $_POST['attribute'] ) ? sanitize_text_field( $_POST['attribute'] ) : '';
541
  $type_to_update = isset( $_POST['typeToUpdate'] ) ? sanitize_text_field( $_POST['typeToUpdate'] ) : '';
542
 
553
  array( '%s' )
554
  );
555
 
556
+ $this->update_attribute_type_setting();
 
 
 
557
 
558
  $this->remove_wc_attributes_cache();
559
 
includes/class-frontend.php CHANGED
@@ -69,6 +69,9 @@ class TA_WC_Variation_Swatches_Frontend {
69
  }
70
 
71
  public function get_updated_attribute_type( $attr ) {
 
 
 
72
  $supported_swatch_types = TA_WCVS()->types;
73
  $dropdown_to_label_setting = isset( $this->generalSettings['dropdown-to-label'] ) && $this->generalSettings['dropdown-to-label'];
74
 
@@ -283,9 +286,10 @@ class TA_WC_Variation_Swatches_Frontend {
283
  $image_url = apply_filters( 'tawcvs_product_swatch_image_url', $image_url, $args );
284
 
285
  $html = sprintf(
286
- '<div class="swatch-item-wrapper"><div class="swatch swatch-shape-' . $swatchShape . ' swatch-image swatch-%s %s" data-value="%s"><img src="%s" alt="%s"></div>%s</div>',
287
  esc_attr( $term->slug ),
288
  $selected,
 
289
  esc_attr( $term->slug ),
290
  esc_url( $image_url ),
291
  esc_attr( $name ),
@@ -382,8 +386,9 @@ class TA_WC_Variation_Swatches_Frontend {
382
  $page = is_product() ? 'productDesign' : 'shopDesign';
383
  ?>
384
  <style>
385
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches,
386
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches {
 
387
  margin-top: <?php echo isset($this->{$page}['wrm-top']) ? $this->{$page}['wrm-top'] : '0'; echo isset($this->{$page}['wrm-type']) ? $this->{$page}['wrm-type'] : 'px' ?>;
388
  margin-right: <?php echo isset($this->{$page}['wrm-right']) ? $this->{$page}['wrm-right'] : '15'; echo isset($this->{$page}['wrm-type']) ? $this->{$page}['wrm-type'] : 'px' ?>;
389
  margin-bottom: <?php echo isset($this->{$page}['wrm-bottom']) ? $this->{$page}['wrm-bottom'] : '15'; echo isset($this->{$page}['wrm-type']) ? $this->{$page}['wrm-type'] : 'px' ?>;
@@ -394,8 +399,9 @@ class TA_WC_Variation_Swatches_Frontend {
394
  padding-left: <?php echo isset($this->{$page}['wrp-left']) ? $this->{$page}['wrp-left'] : '0'; echo isset($this->{$page}['wrp-type']) ? $this->{$page}['wrp-type'] : 'px' ?>;
395
  }
396
 
397
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch-item-wrapper,
398
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch-item-wrapper {
 
399
  <?php if($this->{$page}['item-font']):?> font-size: <?php echo isset($this->{$page}['text-font-size']) ? $this->{$page}['text-font-size'] : '12'; echo isset($this->{$page}['item-font-size-type']) ? $this->{$page}['item-font-size-type'] : 'px'; ?>;
400
  <?php endif;?> margin-top: <?php echo isset($this->{$page}['mar-top']) ? $this->{$page}['mar-top'] : '0'; echo isset($this->{$page}['mar-type']) ? $this->{$page}['mar-type'] : 'px' ?> !important;
401
  margin-right: <?php echo isset($this->{$page}['mar-right']) ? $this->{$page}['mar-right'] : '15'; echo isset($this->{$page}['mar-type']) ? $this->{$page}['mar-type'] : 'px' ?> !important;
@@ -408,8 +414,9 @@ class TA_WC_Variation_Swatches_Frontend {
408
  }
409
 
410
  /*tooltip*/
411
- .woocommerce div.product form.cart.swatches-support .tawcvs-swatches .swatch .swatch__tooltip,
412
- .woocommerce.archive form.cart.swatches-support .tawcvs-swatches .swatch .swatch__tooltip {
 
413
  <?php if(isset($this->toolTipDesign['item-font']) && $this->toolTipDesign['item-font']):?> font-size: <?php echo isset($this->toolTipDesign['text-font-size']) ? $this->toolTipDesign['text-font-size'] : '14'; echo isset($this->toolTipDesign['item-font-size-type']) ? $this->toolTipDesign['item-font-size-type'] : 'px'; ?>;
414
  <?php endif;?> width: <?php echo isset($this->toolTipDesign['width']) ? $this->toolTipDesign['width'] . 'px' : 'auto' ?>;
415
  max-width: <?php echo isset($this->toolTipDesign['max-width']) ? $this->toolTipDesign['max-width'] .'px' : '100%' ?>;
69
  }
70
 
71
  public function get_updated_attribute_type( $attr ) {
72
+ if ( empty( $attr ) ) {
73
+ return '';
74
+ }
75
  $supported_swatch_types = TA_WCVS()->types;
76
  $dropdown_to_label_setting = isset( $this->generalSettings['dropdown-to-label'] ) && $this->generalSettings['dropdown-to-label'];
77
 
286
  $image_url = apply_filters( 'tawcvs_product_swatch_image_url', $image_url, $args );
287
 
288
  $html = sprintf(
289
+ '<div class="swatch-item-wrapper"><div class="swatch swatch-shape-' . $swatchShape . ' swatch-image swatch-%s %s %s" data-value="%s"><img src="%s" alt="%s"></div>%s</div>',
290
  esc_attr( $term->slug ),
291
  $selected,
292
+ apply_filters( 'tawcvs_swatch_image_ratio_class', 'swatch-ratio-disabled' ),
293
  esc_attr( $term->slug ),
294
  esc_url( $image_url ),
295
  esc_attr( $name ),
386
  $page = is_product() ? 'productDesign' : 'shopDesign';
387
  ?>
388
  <style>
389
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches,
390
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches,
391
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches {
392
  margin-top: <?php echo isset($this->{$page}['wrm-top']) ? $this->{$page}['wrm-top'] : '0'; echo isset($this->{$page}['wrm-type']) ? $this->{$page}['wrm-type'] : 'px' ?>;
393
  margin-right: <?php echo isset($this->{$page}['wrm-right']) ? $this->{$page}['wrm-right'] : '15'; echo isset($this->{$page}['wrm-type']) ? $this->{$page}['wrm-type'] : 'px' ?>;
394
  margin-bottom: <?php echo isset($this->{$page}['wrm-bottom']) ? $this->{$page}['wrm-bottom'] : '15'; echo isset($this->{$page}['wrm-type']) ? $this->{$page}['wrm-type'] : 'px' ?>;
399
  padding-left: <?php echo isset($this->{$page}['wrp-left']) ? $this->{$page}['wrp-left'] : '0'; echo isset($this->{$page}['wrp-type']) ? $this->{$page}['wrp-type'] : 'px' ?>;
400
  }
401
 
402
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-item-wrapper,
403
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-item-wrapper,
404
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-item-wrapper {
405
  <?php if($this->{$page}['item-font']):?> font-size: <?php echo isset($this->{$page}['text-font-size']) ? $this->{$page}['text-font-size'] : '12'; echo isset($this->{$page}['item-font-size-type']) ? $this->{$page}['item-font-size-type'] : 'px'; ?>;
406
  <?php endif;?> margin-top: <?php echo isset($this->{$page}['mar-top']) ? $this->{$page}['mar-top'] : '0'; echo isset($this->{$page}['mar-type']) ? $this->{$page}['mar-type'] : 'px' ?> !important;
407
  margin-right: <?php echo isset($this->{$page}['mar-right']) ? $this->{$page}['mar-right'] : '15'; echo isset($this->{$page}['mar-type']) ? $this->{$page}['mar-type'] : 'px' ?> !important;
414
  }
415
 
416
  /*tooltip*/
417
+ .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch .swatch__tooltip,
418
+ .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch .swatch__tooltip,
419
+ .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch .swatch__tooltip {
420
  <?php if(isset($this->toolTipDesign['item-font']) && $this->toolTipDesign['item-font']):?> font-size: <?php echo isset($this->toolTipDesign['text-font-size']) ? $this->toolTipDesign['text-font-size'] : '14'; echo isset($this->toolTipDesign['item-font-size-type']) ? $this->toolTipDesign['item-font-size-type'] : 'px'; ?>;
421
  <?php endif;?> width: <?php echo isset($this->toolTipDesign['width']) ? $this->toolTipDesign['width'] . 'px' : 'auto' ?>;
422
  max-width: <?php echo isset($this->toolTipDesign['max-width']) ? $this->toolTipDesign['max-width'] .'px' : '100%' ?>;
includes/class-setting-fields-manager.php CHANGED
@@ -98,7 +98,7 @@ if ( ! class_exists( 'VSWC_Setting_Fields_Manager' ) ) {
98
  'class' => 'indent ajax-to-update',
99
  'field_to_check' => 'wcvs-enable-color-swatches',
100
  'show_if_checked' => true,
101
- 'priority' => 1
102
  ),
103
  array(
104
  'title' => __( 'Enable Image Swatches', 'wcvs' ),
@@ -111,7 +111,7 @@ if ( ! class_exists( 'VSWC_Setting_Fields_Manager' ) ) {
111
  ),
112
  'class'=>'main-ajax-trigger',
113
  'desc' => __( 'Enable the Image type for Product Attributes', 'wcvs' ),
114
- 'priority' => 1
115
  ),
116
  array(
117
  'title' => __( 'Select Attributes', 'wcvs' ),
@@ -131,7 +131,7 @@ if ( ! class_exists( 'VSWC_Setting_Fields_Manager' ) ) {
131
  'class' => 'indent ajax-to-update',
132
  'field_to_check' => 'wcvs-enable-image-swatches',
133
  'show_if_checked' => true,
134
- 'priority' => 1
135
  ),
136
  array(
137
  'title' => __( 'Auto Convert Dropdowns To Label', 'wcvs' ),
@@ -143,7 +143,7 @@ if ( ! class_exists( 'VSWC_Setting_Fields_Manager' ) ) {
143
  )
144
  ),
145
  'desc' => __( 'Automatically covert dropdowns to &#34;Label Swatch&#34; by default', 'wcvs' ),
146
- 'priority' => 1
147
  ),
148
  array(
149
  'title' => __( 'Select Attributes', 'wcvs' ),
@@ -200,6 +200,63 @@ if ( ! class_exists( 'VSWC_Setting_Fields_Manager' ) ) {
200
  'desc' => __( 'Select option below', 'wcvs' ),
201
  'priority' => 5
202
  ),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
203
  array(
204
  'title' => __( 'Disable Default Plugin Stylesheet', 'wcvs' ),
205
  'fields' => array(
98
  'class' => 'indent ajax-to-update',
99
  'field_to_check' => 'wcvs-enable-color-swatches',
100
  'show_if_checked' => true,
101
+ 'priority' => 1.1
102
  ),
103
  array(
104
  'title' => __( 'Enable Image Swatches', 'wcvs' ),
111
  ),
112
  'class'=>'main-ajax-trigger',
113
  'desc' => __( 'Enable the Image type for Product Attributes', 'wcvs' ),
114
+ 'priority' => 1.2
115
  ),
116
  array(
117
  'title' => __( 'Select Attributes', 'wcvs' ),
131
  'class' => 'indent ajax-to-update',
132
  'field_to_check' => 'wcvs-enable-image-swatches',
133
  'show_if_checked' => true,
134
+ 'priority' => 1.3
135
  ),
136
  array(
137
  'title' => __( 'Auto Convert Dropdowns To Label', 'wcvs' ),
143
  )
144
  ),
145
  'desc' => __( 'Automatically covert dropdowns to &#34;Label Swatch&#34; by default', 'wcvs' ),
146
+ 'priority' => 1.4
147
  ),
148
  array(
149
  'title' => __( 'Select Attributes', 'wcvs' ),
200
  'desc' => __( 'Select option below', 'wcvs' ),
201
  'priority' => 5
202
  ),
203
+ array(
204
+ 'title' => __( 'Choose your swatch image ratio', 'wcvs' ),
205
+ 'fields' => array(
206
+ array(
207
+ 'type' => 'radio',
208
+ 'name' => 'swatch-ratio',
209
+ 'options_group' => array(
210
+ array(
211
+ 'value' => 'disabled',
212
+ 'label' => __( 'None', 'wcvs' ),
213
+ ),
214
+ array(
215
+ 'value' => '11',
216
+ 'label' => __( '1:1', 'wcvs' ),
217
+ ),
218
+ array(
219
+ 'value' => '34',
220
+ 'label' => __( '3:4', 'wcvs' ),
221
+ ),
222
+ array(
223
+ 'value' => '43',
224
+ 'label' => __( '4:3', 'wcvs' ),
225
+ ),
226
+ array(
227
+ 'value' => '32',
228
+ 'label' => __( '3:2', 'wcvs' ),
229
+ ),
230
+ array(
231
+ 'value' => '23',
232
+ 'label' => __( '2:3', 'wcvs' ),
233
+ ),
234
+ array(
235
+ 'value' => '169',
236
+ 'label' => __( '16:9', 'wcvs' ),
237
+ ),
238
+ array(
239
+ 'value' => '916',
240
+ 'label' => __( '9:16', 'wcvs' ),
241
+ ),
242
+ array(
243
+ 'value' => '54',
244
+ 'label' => __( '5:4', 'wcvs' ),
245
+ ),
246
+ array(
247
+ 'value' => '45',
248
+ 'label' => __( '4:5', 'wcvs' ),
249
+ )
250
+ ),
251
+ 'default_value' => 'disabled',
252
+ 'custom_item_class' => 'swatch-ratio-radio',
253
+ )
254
+ ),
255
+ 'is_pro_feature' => true,
256
+ 'class' => 'swatch-image-ratio-wrapper',
257
+ 'desc' => __( 'It will be applied to the swatch image only.<br><i><u>Note:</u></i> <b>Swatch Height</b> in <b>Design</b> tab will be ignored.', 'wcvs' ),
258
+ 'priority' => 5.1
259
+ ),
260
  array(
261
  'title' => __( 'Disable Default Plugin Stylesheet', 'wcvs' ),
262
  'fields' => array(
includes/class-variation-swatches.php CHANGED
@@ -107,7 +107,11 @@ final class TA_WC_Variation_Swatches {
107
  public function get_tax_attribute( $taxonomy ) {
108
  global $wpdb;
109
 
110
- $attr = substr( $taxonomy, 3 );
 
 
 
 
111
 
112
  $result = $wpdb->get_row( $wpdb->prepare( "SELECT * FROM " . $wpdb->prefix . "woocommerce_attribute_taxonomies WHERE attribute_name = %s", $attr ) );
113
 
107
  public function get_tax_attribute( $taxonomy ) {
108
  global $wpdb;
109
 
110
+ if ( strpos( $taxonomy, 'pa_' ) === 0 ) {
111
+ $attr = substr( $taxonomy, 3 );
112
+ } else {
113
+ $attr = $taxonomy;
114
+ }
115
 
116
  $result = $wpdb->get_row( $wpdb->prepare( "SELECT * FROM " . $wpdb->prefix . "woocommerce_attribute_taxonomies WHERE attribute_name = %s", $attr ) );
117
 
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: variationswatches, themealien, zgani, mehbubrashid, minhnguyen25
3
  Tags: variation swatches, woocommerce, product attribute, product color, product size, variable products
4
  Requires at least: 4.5
5
  Tested up to: 5.8
6
- Stable tag: 2.1.0
7
  WC requires at least: 3.2.0
8
  WC tested up to: 5.6.0
9
  License: GPLv2 or later
@@ -103,6 +103,12 @@ Yes, it will work with any theme, but may require some styling to make it match
103
  7. Add new attribute color when edit a product
104
 
105
  == Changelog ==
 
 
 
 
 
 
106
  = 2.1.0 =
107
  * Added section to control the attribute type directly in the plugin settings panel
108
  * Added feature to show the swatch images on shop/archive pages
3
  Tags: variation swatches, woocommerce, product attribute, product color, product size, variable products
4
  Requires at least: 4.5
5
  Tested up to: 5.8
6
+ Stable tag: 2.1.1
7
  WC requires at least: 3.2.0
8
  WC tested up to: 5.6.0
9
  License: GPLv2 or later
103
  7. Add new attribute color when edit a product
104
 
105
  == Changelog ==
106
+ = 2.1.1 =
107
+ * Fix issue for color enable switch toggle
108
+ * Update JS AJAX to update the plugin setting even no attribute is selected
109
+ * Change the JS selector to change variation image in list only
110
+ * Fix pa_ prefix does not exists
111
+
112
  = 2.1.0 =
113
  * Added section to control the attribute type directly in the plugin settings panel
114
  * Added feature to show the swatch images on shop/archive pages
templates/admin/welcome-popup.php CHANGED
@@ -5,21 +5,12 @@
5
  <img src="<?php echo WCVS_PLUGIN_URL . 'assets/images/wslogo.png'; ?>">
6
  </div>
7
  <div class="popup-content">
8
- <h2 class="popup-title"><?php _e( 'Variation Swatches 2.1.0 is here! &#129395; &#129395;', 'wcvs' ); ?></h2>
9
  <div class="popup-inner-content">
10
- <p><strong>Congratulations on updating to v2.1.0!</strong></p>
11
- <p>We've been quiet on this end for several weeks as we've been hard at work making our plugin even
12
- better for you…</p>
13
- <p>Based on your feedback, we have added a bunch of new features and enhancements with a lot more to
14
- go.</p>
15
- <p><a href="https://woosuite.com/news/variation-swatches-v2-1-0-update/" target="_blank"
16
- rel="noopener noreferrer nofollow">
17
- Click here to learn more.
18
- </a></p>
19
- <p>If you experience any issues, please get in touch with support so we can make it right:
20
- <a href="https://woosuite.com/support/" target="_blank"
21
- rel="noopener noreferrer nofollow">Support</a>
22
- </p>
23
  </div>
24
  </div>
25
  </div>
5
  <img src="<?php echo WCVS_PLUGIN_URL . 'assets/images/wslogo.png'; ?>">
6
  </div>
7
  <div class="popup-content">
 
8
  <div class="popup-inner-content">
9
+ <p><strong>Congratulations on updating to v2.1.1!</strong></p>
10
+ <p>We’ve been quiet on this end for several days as we’ve been hard at work making our plugin even better for you…</p>
11
+ <p>Based on your feedback, we have added a bunch of new features and enhancements with a lot more to go.</p>
12
+ <p><a href="https://woosuite.com/news/variation-swatches-v2-1-1-update/" target="_blank" rel="noopener noreferrer nofollow"> Click here to learn more. </a></p>
13
+ <p>If you experience any issues, please get in touch with support so we can make it right: <a href="https://woosuite.com/support/" target="_blank" rel="noopener noreferrer nofollow">Support</a></p>
 
 
 
 
 
 
 
 
14
  </div>
15
  </div>
16
  </div>
variation-swatches-for-woocommerce.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: Variation Swatches for WooCommerce
4
  * Plugin URI: https://woosuite.com/plugins/woocommerce-variation-swatches/
5
  * Description: Creates variation swatches for WooCommerce, converts your variation dropdown into color, label, or photo swatches with ease, The original Variation Swatches for WooCommerce.
6
- * Version: 2.1.0
7
  * Author: Woosuite
8
  * Author URI: https://woosuite.com/
9
  * Requires at least: 4.5
@@ -27,7 +27,7 @@ if ( ! defined( 'TAWC_VS_PLUGIN_FILE' ) ) {
27
  }
28
 
29
  if ( ! defined( 'WCVS_PLUGIN_VERSION' ) ) {
30
- define( 'WCVS_PLUGIN_VERSION', '2.1.0' );
31
  }
32
 
33
  if ( ! defined( 'WCVS_PLUGIN_URL' ) ) {
3
  * Plugin Name: Variation Swatches for WooCommerce
4
  * Plugin URI: https://woosuite.com/plugins/woocommerce-variation-swatches/
5
  * Description: Creates variation swatches for WooCommerce, converts your variation dropdown into color, label, or photo swatches with ease, The original Variation Swatches for WooCommerce.
6
+ * Version: 2.1.1
7
  * Author: Woosuite
8
  * Author URI: https://woosuite.com/
9
  * Requires at least: 4.5
27
  }
28
 
29
  if ( ! defined( 'WCVS_PLUGIN_VERSION' ) ) {
30
+ define( 'WCVS_PLUGIN_VERSION', '2.1.1' );
31
  }
32
 
33
  if ( ! defined( 'WCVS_PLUGIN_URL' ) ) {