Variation Swatches for WooCommerce - Version 2.1.0

Version Description

  • Added section to control the attribute type directly in the plugin settings panel
  • Added feature to show the swatch images on shop/archive pages
  • Added feature to disable the swatches by product
  • Fixed the swatch styles
  • Minor fix bugs
Download this release

Release Info

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

Code changes from version 2.0.22 to 2.1.0

Files changed (18) hide show
  1. assets/css/admin.css +78 -11
  2. assets/css/admin.css.map +1 -1
  3. assets/css/admin.scss +88 -10
  4. assets/css/frontend.css +195 -113
  5. assets/css/frontend.css.map +1 -1
  6. assets/css/frontend.scss +263 -241
  7. assets/js/admin.js +75 -5
  8. assets/js/frontend.js +168 -126
  9. includes/class-admin.php +176 -4
  10. includes/class-frontend.php +52 -28
  11. includes/class-menu-page.php +94 -2
  12. includes/class-setting-fields-manager.php +75 -9
  13. includes/class-setting-fields-renderer.php +1 -1
  14. includes/class-variation-swatches.php +16 -2
  15. readme.txt +13 -6
  16. templates/admin/welcome-popup-version-2_0_0.php +0 -18
  17. templates/admin/welcome-popup.php +27 -0
  18. variation-swatches-for-woocommerce.php +2 -2
assets/css/admin.css CHANGED
@@ -379,7 +379,7 @@ input.font-size-input {
379
  align-items: center;
380
  padding-bottom: 20px;
381
  border-bottom: 1px solid #F3F3F3;
382
- margin-bottom: 20px;
383
  }
384
  .variation-switcher-item.hidden {
385
  display: none;
@@ -596,10 +596,10 @@ button.accor-tab-btn.active-at-btn {
596
  content: "";
597
  position: absolute;
598
  display: none;
599
- left: 8px;
600
  top: 3px;
601
- width: 6px;
602
- height: 11px;
603
  border: solid white;
604
  border-width: 0 3px 3px 0;
605
  -webkit-transform: rotate(45deg);
@@ -1027,7 +1027,7 @@ p.vmch-text a:focus {
1027
  }
1028
 
1029
  .wcvs-welcome-popup {
1030
- max-width: 650px;
1031
  margin-top: calc(50vh - 250px);
1032
  }
1033
  .wcvs-welcome-popup .popup-logo {
@@ -1036,6 +1036,9 @@ p.vmch-text a:focus {
1036
  .wcvs-welcome-popup .popup-logo img {
1037
  max-width: 250px;
1038
  }
 
 
 
1039
  .wcvs-welcome-popup .popup-iframe {
1040
  position: relative;
1041
  padding-bottom: 56.25%;
@@ -1049,14 +1052,12 @@ p.vmch-text a:focus {
1049
  width: 100%;
1050
  height: 100%;
1051
  }
1052
- @media screen and (min-width: 961px) {
1053
- .wcvs-welcome-popup {
1054
- margin-left: calc(50vw - 500px);
1055
- }
1056
  }
1057
- @media screen and (max-width: 960px) {
1058
  .wcvs-welcome-popup {
1059
- margin-left: calc(50vw - 420px);
1060
  }
1061
  }
1062
  @media screen and (max-width: 782px) {
@@ -1137,6 +1138,72 @@ p.vmch-text a:focus {
1137
  border: 1px solid #5d6367;
1138
  }
1139
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1140
  @media (max-width: 486px) {
1141
  .variation-header-wrap, .thd-theme-dashboard-wrap {
1142
  margin-right: 10px;
379
  align-items: center;
380
  padding-bottom: 20px;
381
  border-bottom: 1px solid #F3F3F3;
382
+ padding-top: 20px;
383
  }
384
  .variation-switcher-item.hidden {
385
  display: none;
596
  content: "";
597
  position: absolute;
598
  display: none;
599
+ left: 7px;
600
  top: 3px;
601
+ width: 4px;
602
+ height: 9px;
603
  border: solid white;
604
  border-width: 0 3px 3px 0;
605
  -webkit-transform: rotate(45deg);
1027
  }
1028
 
1029
  .wcvs-welcome-popup {
1030
+ max-width: 450px;
1031
  margin-top: calc(50vh - 250px);
1032
  }
1033
  .wcvs-welcome-popup .popup-logo {
1036
  .wcvs-welcome-popup .popup-logo img {
1037
  max-width: 250px;
1038
  }
1039
+ .wcvs-welcome-popup .popup-title {
1040
+ font-size: 1.8em;
1041
+ }
1042
  .wcvs-welcome-popup .popup-iframe {
1043
  position: relative;
1044
  padding-bottom: 56.25%;
1052
  width: 100%;
1053
  height: 100%;
1054
  }
1055
+ .wcvs-welcome-popup .popup-inner-content p {
1056
+ font-size: 1.3em;
 
 
1057
  }
1058
+ @media screen and (min-width: 961px) {
1059
  .wcvs-welcome-popup {
1060
+ margin-left: calc(50vw - 450px);
1061
  }
1062
  }
1063
  @media screen and (max-width: 782px) {
1138
  border: 1px solid #5d6367;
1139
  }
1140
 
1141
+ .configure-items-link {
1142
+ float: left;
1143
+ }
1144
+
1145
+ #woocommerce-coupon-data ul.wc-tabs li.variation-swatches_options a::before,
1146
+ #woocommerce-product-data ul.wc-tabs li.variation-swatches_options a::before,
1147
+ .woocommerce ul.wc-tabs li.variation-swatches_options a::before {
1148
+ content: "\f11c";
1149
+ }
1150
+
1151
+ .ajax-to-update,
1152
+ .main-ajax-trigger {
1153
+ position: relative;
1154
+ }
1155
+ .ajax-to-update.saving:after,
1156
+ .main-ajax-trigger.saving:after {
1157
+ content: "";
1158
+ position: absolute;
1159
+ top: 0;
1160
+ left: 0;
1161
+ width: 100%;
1162
+ height: 100%;
1163
+ background: rgba(204, 204, 204, 0.87);
1164
+ }
1165
+ .ajax-to-update.saving:before,
1166
+ .main-ajax-trigger.saving:before {
1167
+ content: "";
1168
+ display: block;
1169
+ position: absolute;
1170
+ left: 48%;
1171
+ top: 40%;
1172
+ width: 20px;
1173
+ height: 20px;
1174
+ z-index: 9;
1175
+ border-style: solid;
1176
+ border-color: #008060;
1177
+ border-top-color: transparent;
1178
+ border-width: 4px;
1179
+ border-radius: 50%;
1180
+ -webkit-animation: spin 0.8s linear infinite;
1181
+ animation: spin 0.8s linear infinite;
1182
+ }
1183
+
1184
+ @-webkit-keyframes spin {
1185
+ from {
1186
+ -webkit-transform: rotate(0deg);
1187
+ }
1188
+ to {
1189
+ -webkit-transform: rotate(360deg);
1190
+ }
1191
+ }
1192
+ @keyframes spin {
1193
+ from {
1194
+ transform: rotate(0deg);
1195
+ }
1196
+ to {
1197
+ transform: rotate(360deg);
1198
+ }
1199
+ }
1200
+ @media screen and (min-width: 600px) {
1201
+ .pro-feature-popup {
1202
+ width: 450px;
1203
+ margin-left: calc(50vw - 350px);
1204
+ margin-top: calc(50vh - 150px);
1205
+ }
1206
+ }
1207
  @media (max-width: 486px) {
1208
  .variation-header-wrap, .thd-theme-dashboard-wrap {
1209
  margin-right: 10px;
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;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAON;EA/BF;IAgCI;;;AAGF;EAnCF;IAoCI;;;AAGF;EAvCF;IAwCI;IACA;;;AAGF;EA5CF;IA6CI;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;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;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"}
assets/css/admin.scss CHANGED
@@ -425,7 +425,7 @@ input.font-size-input {
425
  align-items: center;
426
  padding-bottom: 20px;
427
  border-bottom: 1px solid #F3F3F3;
428
- margin-bottom: 20px;
429
 
430
  &.hidden {
431
  display: none;
@@ -675,10 +675,10 @@ button.accor-tab-btn {
675
  content: "";
676
  position: absolute;
677
  display: none;
678
- left: 8px;
679
  top: 3px;
680
- width: 6px;
681
- height: 11px;
682
  border: solid white;
683
  border-width: 0 3px 3px 0;
684
  -webkit-transform: rotate(45deg);
@@ -1190,7 +1190,7 @@ p.vmch-text a {
1190
  }
1191
 
1192
  .wcvs-welcome-popup {
1193
- max-width: 650px;
1194
  margin-top: calc(50vh - 250px);
1195
 
1196
  .popup {
@@ -1202,6 +1202,10 @@ p.vmch-text a {
1202
  }
1203
  }
1204
 
 
 
 
 
1205
  &-iframe {
1206
  position: relative;
1207
  padding-bottom: 56.25%;
@@ -1218,14 +1222,16 @@ p.vmch-text a {
1218
 
1219
  }
1220
 
1221
- }
 
 
 
 
1222
 
1223
- @media screen and (min-width: 961px) {
1224
- margin-left: calc(50vw - 500px);
1225
  }
1226
 
1227
- @media screen and (max-width: 960px) {
1228
- margin-left: calc(50vw - 420px);
1229
  }
1230
 
1231
  @media screen and (max-width: 782px) {
@@ -1324,6 +1330,78 @@ p.vmch-text a {
1324
  }
1325
  }
1326
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1327
  @media (max-width: 486px) {
1328
  .variation-header-wrap, .thd-theme-dashboard-wrap {
1329
  margin-right: 10px;
425
  align-items: center;
426
  padding-bottom: 20px;
427
  border-bottom: 1px solid #F3F3F3;
428
+ padding-top: 20px;
429
 
430
  &.hidden {
431
  display: none;
675
  content: "";
676
  position: absolute;
677
  display: none;
678
+ left: 7px;
679
  top: 3px;
680
+ width: 4px;
681
+ height: 9px;
682
  border: solid white;
683
  border-width: 0 3px 3px 0;
684
  -webkit-transform: rotate(45deg);
1190
  }
1191
 
1192
  .wcvs-welcome-popup {
1193
+ max-width: 450px;
1194
  margin-top: calc(50vh - 250px);
1195
 
1196
  .popup {
1202
  }
1203
  }
1204
 
1205
+ &-title {
1206
+ font-size: 1.8em;
1207
+ }
1208
+
1209
  &-iframe {
1210
  position: relative;
1211
  padding-bottom: 56.25%;
1222
 
1223
  }
1224
 
1225
+ &-inner-content {
1226
+ p {
1227
+ font-size: 1.3em;
1228
+ }
1229
+ }
1230
 
 
 
1231
  }
1232
 
1233
+ @media screen and (min-width: 961px) {
1234
+ margin-left: calc(50vw - 450px);
1235
  }
1236
 
1237
  @media screen and (max-width: 782px) {
1330
  }
1331
  }
1332
 
1333
+ .configure-items-link {
1334
+ float: left;
1335
+ }
1336
+
1337
+ #woocommerce-coupon-data ul.wc-tabs li.variation-swatches_options a::before,
1338
+ #woocommerce-product-data ul.wc-tabs li.variation-swatches_options a::before,
1339
+ .woocommerce ul.wc-tabs li.variation-swatches_options a::before {
1340
+ content: "\f11c";
1341
+ }
1342
+
1343
+ .ajax-to-update,
1344
+ .main-ajax-trigger {
1345
+ position: relative;
1346
+
1347
+ &.saving {
1348
+ &:after {
1349
+ content: "";
1350
+ position: absolute;
1351
+ top: 0;
1352
+ left: 0;
1353
+ width: 100%;
1354
+ height: 100%;
1355
+ background: rgba(204, 204, 204, 0.87);
1356
+ }
1357
+
1358
+ &:before {
1359
+ content: "";
1360
+ display: block;
1361
+ position: absolute;
1362
+ left: 48%;
1363
+ top: 40%;
1364
+ width: 20px;
1365
+ height: 20px;
1366
+ z-index: 9;
1367
+ border-style: solid;
1368
+ border-color: #008060;
1369
+ border-top-color: transparent;
1370
+ border-width: 4px;
1371
+ border-radius: 50%;
1372
+ -webkit-animation: spin .8s linear infinite;
1373
+ animation: spin .8s linear infinite;
1374
+ }
1375
+ }
1376
+ }
1377
+
1378
+ @-webkit-keyframes spin {
1379
+ from {
1380
+ -webkit-transform: rotate(0deg);
1381
+ }
1382
+ to {
1383
+ -webkit-transform: rotate(360deg);
1384
+ }
1385
+ }
1386
+
1387
+ @keyframes spin {
1388
+ from {
1389
+ transform: rotate(0deg);
1390
+ }
1391
+ to {
1392
+ transform: rotate(360deg);
1393
+ }
1394
+ }
1395
+
1396
+ @media screen and (min-width: 600px) {
1397
+
1398
+ .pro-feature-popup {
1399
+ width: 450px;
1400
+ margin-left: calc(50vw - 350px);
1401
+ margin-top: calc(50vh - 150px);
1402
+ }
1403
+ }
1404
+
1405
  @media (max-width: 486px) {
1406
  .variation-header-wrap, .thd-theme-dashboard-wrap {
1407
  margin-right: 10px;
assets/css/frontend.css CHANGED
@@ -3,19 +3,30 @@
3
  visibility: hidden !important;
4
  }
5
 
6
- .woocommerce .tawcvs-swatches {
 
 
 
 
 
 
 
 
 
7
  padding: 5px;
8
  display: inline-flex !important;
9
  flex-wrap: wrap;
10
  }
11
- .woocommerce .tawcvs-swatches .swatch,
12
- .woocommerce .tawcvs-swatches .swatch-show-more {
 
 
13
  -webkit-transition: all 0.3s;
14
  -moz-transition: all 0.3s;
15
  -o-transition: all 0.3s;
16
  transition: all 0.3s;
17
- width: 30px !important;
18
- height: 30px !important;
19
  line-height: 28px;
20
  text-align: center;
21
  cursor: pointer;
@@ -27,77 +38,166 @@
27
  align-items: center;
28
  justify-content: center;
29
  }
30
- .woocommerce .tawcvs-swatches .swatch.swatch-label,
31
- .woocommerce .tawcvs-swatches .swatch-show-more.swatch-label {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
32
  min-width: max-content;
33
  }
34
- .woocommerce .tawcvs-swatches .swatch.swatch-shape-circle,
35
- .woocommerce .tawcvs-swatches .swatch-show-more.swatch-shape-circle {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
36
  -webkit-border-radius: 50% !important;
37
  -moz-border-radius: 50% !important;
38
  border-radius: 50% !important;
39
  }
40
- .woocommerce .tawcvs-swatches .swatch.swatch-shape-circle img,
41
- .woocommerce .tawcvs-swatches .swatch-show-more.swatch-shape-circle img {
 
 
42
  -webkit-border-radius: 50%;
43
  -moz-border-radius: 50%;
44
  border-radius: 50%;
45
  }
46
- .woocommerce .tawcvs-swatches .swatch.swatch-shape-circle:before,
47
- .woocommerce .tawcvs-swatches .swatch-show-more.swatch-shape-circle:before {
 
 
48
  border-radius: 50%;
49
  }
50
- .woocommerce .tawcvs-swatches .swatch.swatch-shape-rounded,
51
- .woocommerce .tawcvs-swatches .swatch-show-more.swatch-shape-rounded {
 
 
52
  -webkit-border-radius: 8px;
53
  -moz-border-radius: 8px;
54
  border-radius: 8px;
55
  }
56
- .woocommerce .tawcvs-swatches .swatch.swatch-shape-rounded img,
57
- .woocommerce .tawcvs-swatches .swatch-show-more.swatch-shape-rounded img {
 
 
58
  -webkit-border-radius: 8px;
59
  -moz-border-radius: 8px;
60
  border-radius: 8px;
61
  }
62
- .woocommerce .tawcvs-swatches .swatch.swatch-shape-rounded:before,
63
- .woocommerce .tawcvs-swatches .swatch-show-more.swatch-shape-rounded:before {
 
 
64
  border-radius: 8px;
65
  }
66
- .woocommerce .tawcvs-swatches .swatch.swatch-shape-edge,
67
- .woocommerce .tawcvs-swatches .swatch-show-more.swatch-shape-edge {
 
 
68
  -webkit-border-radius: 0;
69
  -moz-border-radius: 0;
70
  border-radius: 0;
71
  }
72
- .woocommerce .tawcvs-swatches .swatch.swatch-shape-edge img,
73
- .woocommerce .tawcvs-swatches .swatch-show-more.swatch-shape-edge img {
 
 
74
  -webkit-border-radius: 0;
75
  -moz-border-radius: 0;
76
  border-radius: 0;
77
  }
78
- .woocommerce .tawcvs-swatches .swatch.swatch-shape-edge:before,
79
- .woocommerce .tawcvs-swatches .swatch-show-more.swatch-shape-edge:before {
 
 
80
  border-radius: 0;
81
  }
82
- .woocommerce .tawcvs-swatches .swatch.disabled,
83
- .woocommerce .tawcvs-swatches .swatch-show-more.disabled {
 
 
84
  cursor: default;
85
  opacity: 0.4 !important;
86
  }
87
- .woocommerce .tawcvs-swatches .swatch.disabled .swatch__tooltip,
88
- .woocommerce .tawcvs-swatches .swatch-show-more.disabled .swatch__tooltip {
 
 
89
  display: none;
90
  }
91
- .woocommerce .tawcvs-swatches .swatch:first-child,
92
- .woocommerce .tawcvs-swatches .swatch-show-more:first-child {
 
 
93
  margin-left: 0;
94
  }
95
- .woocommerce .tawcvs-swatches .swatch:last-child,
96
- .woocommerce .tawcvs-swatches .swatch-show-more:last-child {
 
 
97
  margin-right: 0;
98
  }
99
- .woocommerce .tawcvs-swatches .swatch:before,
100
- .woocommerce .tawcvs-swatches .swatch-show-more:before {
 
 
101
  content: "";
102
  position: absolute;
103
  left: -4px;
@@ -106,47 +206,32 @@
106
  bottom: -4px;
107
  border: 1px solid #ddd;
108
  }
109
- .woocommerce .tawcvs-swatches .swatch.selected:before,
110
- .woocommerce .tawcvs-swatches .swatch-show-more.selected:before {
111
- border-color: #674399;
112
- }
113
- .woocommerce .tawcvs-swatches .swatch.selected.swatch-label,
114
- .woocommerce .tawcvs-swatches .swatch-show-more.selected.swatch-label {
115
- border-bottom: none !important;
116
  }
117
- .woocommerce .tawcvs-swatches .swatch-color {
118
- text-indent: -9999em;
119
- border: 2px solid #ccc;
120
- }
121
- .woocommerce .tawcvs-swatches .swatch-color.selected {
122
- border-color: #333;
123
- }
124
- .woocommerce .tawcvs-swatches .swatch-color.selected:before {
125
- -webkit-transform: translate(-50%, -50%) rotate(45deg);
126
- -moz-transform: translate(-50%, -50%) rotate(45deg);
127
- transform: translate(-50%, -50%) rotate(45deg);
128
- content: "";
129
- width: 6px;
130
- height: 10px;
131
- display: block;
132
- border: solid #eee;
133
- border-width: 0 2px 2px 0;
134
- position: absolute;
135
- top: 50%;
136
- left: 50%;
137
- margin: -2px -2px 0 0;
138
- }
139
- .woocommerce .tawcvs-swatches .swatch-label {
140
- font-size: 14px;
141
- background-color: #f1f1f1;
142
  }
143
- .woocommerce .tawcvs-swatches .swatch-image {
144
- font-size: 0;
 
 
 
145
  }
146
- .woocommerce .tawcvs-swatches .swatch-image .swatch__tooltip {
147
- font-size: 14px;
 
 
 
148
  }
149
- .woocommerce .tawcvs-swatches .swatch__tooltip {
 
150
  -webkit-transform: translate(-50%, -100%);
151
  -moz-transform: translate(-50%, -100%);
152
  transform: translate(-50%, -100%);
@@ -176,7 +261,8 @@
176
  white-space: normal;
177
  min-width: max-content;
178
  }
179
- .woocommerce .tawcvs-swatches .swatch__tooltip:after {
 
180
  -webkit-transform: rotate(45deg);
181
  -moz-transform: rotate(45deg);
182
  transform: rotate(45deg);
@@ -189,65 +275,74 @@
189
  left: 50%;
190
  margin-left: -6px;
191
  }
192
- .woocommerce .tawcvs-swatches .swatch-item-wrapper {
 
193
  position: relative;
194
  }
195
- .woocommerce .tawcvs-swatches .swatch:hover + .swatch__tooltip {
 
196
  opacity: 1;
197
  visibility: visible;
198
  user-select: auto;
199
  }
200
- .woocommerce .tawcvs-swatches.oss-blur-with-cross .swatch.disabled {
 
201
  position: relative;
202
  background: #33333357;
203
  }
204
- .woocommerce .tawcvs-swatches.oss-blur-with-cross .swatch.disabled img {
 
205
  opacity: 0.5;
206
  }
207
- .woocommerce .tawcvs-swatches.oss-blur-with-cross .swatch.disabled:after {
 
208
  content: "";
209
  position: absolute;
210
  top: 0;
211
  right: 0;
212
  bottom: 0;
213
  left: 0;
 
 
 
 
214
  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%);
215
  }
216
- .woocommerce .tawcvs-swatches.oss-blur-with-cross .swatch.disabled.swatch-shape-circle:after {
217
- top: 4px;
218
- right: 4px;
219
- bottom: 4px;
220
- left: 4px;
221
  }
222
- .woocommerce .tawcvs-swatches.oss-blur-with-cross .swatch.disabled.swatch-shape-rounded:after {
223
- top: 2px;
224
- right: 2px;
225
- bottom: 2px;
226
- left: 2px;
227
  }
228
- .woocommerce .tawcvs-swatches.oss-hide .swatch.disabled {
 
229
  display: none;
230
  }
231
 
232
- .swatch-align-left .variations td {
233
  text-align: left;
234
  }
235
- .swatch-align-left .variations td img, .swatch-align-left .variations td select {
236
  text-align: left;
237
  }
238
 
239
- .swatch-align-center .variations td {
240
  text-align: center;
241
  }
242
- .swatch-align-center .variations td img, .swatch-align-center .variations td select {
243
  text-align: center;
244
  }
245
 
246
- .related.products .swatch-align-center .variations td.label {
247
  display: none;
248
  }
249
 
250
- .swatch-align-right .variations td, .swatch-align-right .variations img, .swatch-align-right .variations td select {
 
 
 
251
  text-align: right;
252
  }
253
 
@@ -261,28 +356,15 @@
261
  .woocommerce.theme-sober div.product form.cart.swatches-support .variations .variable {
262
  width: 90%;
263
  }
264
- .woocommerce.theme-sober div.product form.cart.swatches-support .tawcvs-swatches .swatch-item-wrapper {
265
- flex-basis: 33.333%;
266
  }
267
  .woocommerce.theme-sober div.product form.cart.swatches-support .tawcvs-swatches .swatch-item-wrapper .swatch-image {
268
- width: 95%;
269
- height: auto;
270
  text-align: center;
271
  }
272
- @media (max-width: 1200px) {
273
- .woocommerce.theme-sober div.product form.cart.swatches-support .tawcvs-swatches .swatch-item-wrapper {
274
- flex-basis: 50%;
275
- }
276
- }
277
- @media (max-width: 992px) {
278
- .woocommerce.theme-sober div.product form.cart.swatches-support .tawcvs-swatches .swatch-item-wrapper {
279
- flex-basis: 25%;
280
- }
281
- }
282
- @media (max-width: 768px) {
283
- .woocommerce.theme-sober div.product form.cart.swatches-support .tawcvs-swatches .swatch-item-wrapper {
284
- flex-basis: 33.333%;
285
- }
286
  }
287
 
288
  /*# sourceMappingURL=frontend.css.map */
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;
27
  transition: all 0.3s;
28
+ width: 30px;
29
+ height: 30px;
30
  line-height: 28px;
31
  text-align: center;
32
  cursor: pointer;
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);
70
+ content: "";
71
+ width: 6px;
72
+ height: 10px;
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
  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
  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
  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;
302
  right: 0;
303
  bottom: 0;
304
  left: 0;
305
+ width: 100%;
306
+ height: 100%;
307
+ border: none;
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
 
324
+ .swatch-align-left .variations {
325
  text-align: left;
326
  }
327
+ .swatch-align-left .variations img, .swatch-align-left .variations select, .swatch-align-left .variations .value {
328
  text-align: left;
329
  }
330
 
331
+ .swatch-align-center .variations {
332
  text-align: center;
333
  }
334
+ .swatch-align-center .variations img, .swatch-align-center .variations select, .swatch-align-center .variations .value {
335
  text-align: center;
336
  }
337
 
338
+ .related.products .swatch-align-center .variations .label {
339
  display: none;
340
  }
341
 
342
+ .swatch-align-right .variations {
343
+ text-align: right;
344
+ }
345
+ .swatch-align-right .variations img, .swatch-align-right .variations select, .swatch-align-right .variations .value {
346
  text-align: right;
347
  }
348
 
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
  }
369
 
370
  /*# sourceMappingURL=frontend.css.map */
assets/css/frontend.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["frontend.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGF;AAAA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;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;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAeA;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAON;EACE;;;AAKN;EACE;;AAEA;EACE;;;AAIJ;EACE;;AAEA;EACE;;;AAKF;EACE;;;AAKF;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AAIE;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EATF;IAUI;;;AAEF;EAZF;IAaI;;;AAEF;EAfF;IAgBI","file":"frontend.css"}
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"}
assets/css/frontend.scss CHANGED
@@ -3,294 +3,320 @@
3
  visibility: hidden !important;
4
  }
5
 
6
- .woocommerce .tawcvs-swatches {
7
- padding: 5px;
8
- display: inline-flex !important;
9
- flex-wrap: wrap;
10
-
11
- .swatch,
12
- .swatch-show-more {
13
- -webkit-transition: all 0.3s;
14
- -moz-transition: all 0.3s;
15
- -o-transition: all 0.3s;
16
- transition: all 0.3s;
17
- width: 30px !important;
18
- height: 30px !important;
19
- line-height: 28px;
20
- text-align: center;
21
- cursor: pointer;
22
- position: relative;
23
- white-space: nowrap;
24
- margin: 0 10px;
25
- padding: 2px 5px;
26
- display: inline-flex;
27
- align-items: center;
28
- justify-content: center;
29
-
30
- &.swatch-label {
31
- min-width: max-content;
32
- }
33
-
34
- &.swatch-shape-circle {
35
- -webkit-border-radius: 50% !important;
36
- -moz-border-radius: 50% !important;
37
- border-radius: 50% !important;
38
-
39
- img {
40
- -webkit-border-radius: 50%;
41
- -moz-border-radius: 50%;
42
- border-radius: 50%;
43
  }
44
 
45
- &:before {
46
- border-radius: 50%;
47
  }
48
  }
49
 
50
- &.swatch-shape-rounded {
51
- -webkit-border-radius: 8px;
52
- -moz-border-radius: 8px;
53
- border-radius: 8px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
54
 
55
- img {
56
- -webkit-border-radius: 8px;
57
- -moz-border-radius: 8px;
58
- border-radius: 8px;
59
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60
 
61
- &:before {
62
- border-radius: 8px;
63
- }
64
- }
65
 
66
- &.swatch-shape-edge {
67
- -webkit-border-radius: 0;
68
- -moz-border-radius: 0;
69
- border-radius: 0;
70
 
71
- img {
72
- -webkit-border-radius: 0;
73
- -moz-border-radius: 0;
74
- border-radius: 0;
75
- }
76
 
77
- &:before {
78
- border-radius: 0;
79
- }
80
- }
81
 
82
- &.disabled {
83
- cursor: default;
84
- opacity: 0.4 !important;
 
85
 
86
- .swatch__tooltip {
87
- display: none;
88
- }
89
- }
 
90
 
91
- &:first-child {
92
- margin-left: 0;
93
- }
 
94
 
95
- &:last-child {
96
- margin-right: 0;
97
- }
 
98
 
99
- &:before {
100
- content: '';
101
- position: absolute;
102
- left: -4px;
103
- top: -4px;
104
- right: -4px;
105
- bottom: -4px;
106
- border: 1px solid #ddd;
107
- }
108
 
109
- &.selected {
110
- &:before {
111
- border-color: #674399;
112
- }
113
 
114
- &.swatch-label {
115
- border-bottom: none !important;
116
- }
117
- }
118
- }
119
 
120
- .swatch-color {
121
- text-indent: -9999em;
122
- border: 2px solid #ccc;
123
-
124
- &.selected {
125
- border-color: #333;
126
-
127
- &:before {
128
- -webkit-transform: translate(-50%, -50%) rotate(45deg);
129
- -moz-transform: translate(-50%, -50%) rotate(45deg);
130
- transform: translate(-50%, -50%) rotate(45deg);
131
- content: "";
132
- width: 6px;
133
- height: 10px;
134
- display: block;
135
- border: solid #eee;
136
- border-width: 0 2px 2px 0;
137
- position: absolute;
138
- top: 50%;
139
- left: 50%;
140
- margin: -2px -2px 0 0;
141
- }
142
- }
143
- }
144
 
145
- .swatch-label {
146
- font-size: 14px;
147
- background-color: #f1f1f1;
148
- }
149
 
150
- .swatch-image {
151
- font-size: 0;
 
152
 
153
- .swatch__tooltip {
154
- font-size: 14px;
155
- }
156
- }
157
 
158
- .swatch__tooltip {
159
- -webkit-transform: translate(-50%, -100%);
160
- -moz-transform: translate(-50%, -100%);
161
- transform: translate(-50%, -100%);
162
- -webkit-transition: all 0.3s;
163
- -moz-transition: all 0.3s;
164
- -o-transition: all 0.3s;
165
- transition: all 0.3s;
166
- -webkit-border-radius: 3px;
167
- -moz-border-radius: 3px;
168
- border-radius: 3px;
169
- position: absolute;
170
- left: 50%;
171
- top: 0;
172
- background: #333;
173
- z-index: 2;
174
- color: #fff;
175
- margin: -15px 0 0 0;
176
- padding: 5px 10px;
177
- text-indent: initial;
178
- font-size: 14px;
179
- font-weight: 500;
180
- opacity: 0;
181
- visibility: hidden;
182
- user-select: none;
183
- display: inline-block;
184
- word-break: break-all;
185
- white-space: normal;
186
- min-width: max-content;
187
-
188
- &:after {
189
- -webkit-transform: rotate(45deg);
190
- -moz-transform: rotate(45deg);
191
- transform: rotate(45deg);
192
- content: "";
193
- position: absolute;
194
- width: 12px;
195
- height: 12px;
196
- background: #333;
197
- bottom: -4px;
198
- left: 50%;
199
- margin-left: -6px;
200
- }
201
- }
202
 
203
- .swatch-item-wrapper {
204
- position: relative;
205
- }
206
 
207
- .swatch:hover + .swatch__tooltip {
208
- opacity: 1;
209
- visibility: visible;
210
- user-select: auto;
211
- }
 
 
 
 
212
 
213
- &.oss-blur-with-cross {
214
- .swatch.disabled {
215
- position: relative;
216
- background: #33333357;
217
 
218
- img {
219
- opacity: 0.5;
 
 
 
 
 
 
 
 
 
 
220
  }
221
 
222
- &:after {
223
- content: '';
 
 
 
 
 
 
 
 
 
224
  position: absolute;
 
225
  top: 0;
226
- right: 0;
227
- bottom: 0;
228
- left: 0;
229
- background: linear-gradient(to top left,
230
- rgba(0, 0, 0, 0) 0%,
231
- rgba(0, 0, 0, 0) calc(50% - 0.8px),
232
- rgba(0, 0, 0, 1) 50%,
233
- rgba(0, 0, 0, 0) calc(50% + 0.8px),
234
- rgba(0, 0, 0, 0) 100%),
235
- linear-gradient(to top right,
236
- rgba(0, 0, 0, 0) 0%,
237
- rgba(0, 0, 0, 0) calc(50% - 0.8px),
238
- rgba(0, 0, 0, 1) 50%,
239
- rgba(0, 0, 0, 0) calc(50% + 0.8px),
240
- rgba(0, 0, 0, 0) 100%);
241
- }
242
 
243
- &.swatch-shape-circle {
244
  &:after {
245
- top: 4px;
246
- right: 4px;
247
- bottom: 4px;
248
- left: 4px;
 
 
 
 
 
 
 
249
  }
250
  }
251
 
252
- &.swatch-shape-rounded {
253
- &:after {
254
- top: 2px;
255
- right: 2px;
256
- bottom: 2px;
257
- left: 2px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
258
  }
259
  }
260
- }
261
- }
262
 
263
- &.oss-hide {
264
- .swatch.disabled {
265
- display: none;
 
 
266
  }
267
  }
268
  }
269
 
270
- .swatch-align-left .variations td {
271
  text-align: left;
272
 
273
- img, select {
274
  text-align: left;
275
  }
276
  }
277
 
278
- .swatch-align-center .variations td {
279
  text-align: center;
280
 
281
- img, select {
282
  text-align: center;
283
  }
284
  }
285
 
286
  .related.products {
287
- .swatch-align-center .variations td.label {
288
  display: none;
289
  }
290
  }
291
 
292
  .swatch-align-right .variations {
293
- td, img, td select {
 
 
294
  text-align: right;
295
  }
296
  }
@@ -307,23 +333,19 @@
307
  width: 90%;
308
  }
309
 
 
 
 
 
310
  .tawcvs-swatches .swatch-item-wrapper {
311
- flex-basis: 33.333%;
312
 
313
  .swatch-image {
314
- width: 95%;
315
- height: auto;
316
- text-align: center;
317
- }
318
 
319
- @media (max-width: 1200px) {
320
- flex-basis: 50%;
321
- }
322
- @media (max-width: 992px) {
323
- flex-basis: 25%;
324
- }
325
- @media (max-width: 768px) {
326
- flex-basis: 33.333%;
327
  }
328
  }
329
  }
3
  visibility: hidden !important;
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;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
12
  }
13
 
14
+ .line-hover:after {
15
+ content: none;
16
  }
17
  }
18
 
19
+ .tawcvs-swatches {
20
+ padding: 5px;
21
+ display: inline-flex !important;
22
+ flex-wrap: wrap;
23
+
24
+ .swatch,
25
+ .swatch-show-more {
26
+ -webkit-transition: all 0.3s;
27
+ -moz-transition: all 0.3s;
28
+ -o-transition: all 0.3s;
29
+ transition: all 0.3s;
30
+ width: 30px;
31
+ height: 30px;
32
+ line-height: 28px;
33
+ text-align: center;
34
+ cursor: pointer;
35
+ position: relative;
36
+ white-space: nowrap;
37
+ margin: 0 10px;
38
+ padding: 2px 5px;
39
+ display: inline-flex;
40
+ align-items: center;
41
+ justify-content: center;
42
+
43
+ &:after,
44
+ &:before {
45
+ display: block !important;
46
+ }
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);
59
+ content: "";
60
+ width: 6px;
61
+ height: 10px;
62
+ display: block;
63
+ border: solid #eee;
64
+ border-width: 0 2px 2px 0;
65
+ position: absolute;
66
+ top: 50%;
67
+ left: 50%;
68
+ margin: -2px -2px 0 0;
69
+ }
70
+ }
71
+ }
72
 
73
+ &:not(.swatch-color){
74
+ background-color: #f1f1f1;
75
+ }
 
76
 
77
+ &.swatch-label {
78
+ font-size: 14px;
79
+ min-width: max-content;
80
+ }
81
 
82
+ &.swatch-image {
83
+ font-size: 0;
 
 
 
84
 
85
+ .swatch__tooltip {
86
+ font-size: 14px;
87
+ }
88
+ }
89
 
90
+ &.swatch-shape-circle {
91
+ -webkit-border-radius: 50% !important;
92
+ -moz-border-radius: 50% !important;
93
+ border-radius: 50% !important;
94
 
95
+ img {
96
+ -webkit-border-radius: 50%;
97
+ -moz-border-radius: 50%;
98
+ border-radius: 50%;
99
+ }
100
 
101
+ &:before {
102
+ border-radius: 50%;
103
+ }
104
+ }
105
 
106
+ &.swatch-shape-rounded {
107
+ -webkit-border-radius: 8px;
108
+ -moz-border-radius: 8px;
109
+ border-radius: 8px;
110
 
111
+ img {
112
+ -webkit-border-radius: 8px;
113
+ -moz-border-radius: 8px;
114
+ border-radius: 8px;
115
+ }
 
 
 
 
116
 
117
+ &:before {
118
+ border-radius: 8px;
119
+ }
120
+ }
121
 
122
+ &.swatch-shape-edge {
123
+ -webkit-border-radius: 0;
124
+ -moz-border-radius: 0;
125
+ border-radius: 0;
 
126
 
127
+ img {
128
+ -webkit-border-radius: 0;
129
+ -moz-border-radius: 0;
130
+ border-radius: 0;
131
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
132
 
133
+ &:before {
134
+ border-radius: 0;
135
+ }
136
+ }
137
 
138
+ &.disabled {
139
+ cursor: default;
140
+ opacity: 0.4 !important;
141
 
142
+ .swatch__tooltip {
143
+ display: none;
144
+ }
145
+ }
146
 
147
+ &:first-child {
148
+ margin-left: 0;
149
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
150
 
151
+ &:last-child {
152
+ margin-right: 0;
153
+ }
154
 
155
+ &:before {
156
+ content: '';
157
+ position: absolute;
158
+ left: -4px;
159
+ top: -4px;
160
+ right: -4px;
161
+ bottom: -4px;
162
+ border: 1px solid #ddd;
163
+ }
164
 
165
+ &.selected {
166
+ border-color: transparent;
 
 
167
 
168
+ &:before {
169
+ border-color: #674399;
170
+ }
171
+
172
+ &:after {
173
+ content: none;
174
+ }
175
+
176
+ &.swatch-label {
177
+ border-bottom: none !important;
178
+ }
179
+ }
180
  }
181
 
182
+ .swatch__tooltip {
183
+ -webkit-transform: translate(-50%, -100%);
184
+ -moz-transform: translate(-50%, -100%);
185
+ transform: translate(-50%, -100%);
186
+ -webkit-transition: all 0.3s;
187
+ -moz-transition: all 0.3s;
188
+ -o-transition: all 0.3s;
189
+ transition: all 0.3s;
190
+ -webkit-border-radius: 3px;
191
+ -moz-border-radius: 3px;
192
+ border-radius: 3px;
193
  position: absolute;
194
+ left: 50%;
195
  top: 0;
196
+ background: #333;
197
+ z-index: 2;
198
+ color: #fff;
199
+ margin: -15px 0 0 0;
200
+ padding: 5px 10px;
201
+ text-indent: initial;
202
+ font-size: 14px;
203
+ font-weight: 500;
204
+ opacity: 0;
205
+ visibility: hidden;
206
+ user-select: none;
207
+ display: inline-block;
208
+ word-break: break-all;
209
+ white-space: normal;
210
+ min-width: max-content;
 
211
 
 
212
  &:after {
213
+ -webkit-transform: rotate(45deg);
214
+ -moz-transform: rotate(45deg);
215
+ transform: rotate(45deg);
216
+ content: "";
217
+ position: absolute;
218
+ width: 12px;
219
+ height: 12px;
220
+ background: #333;
221
+ bottom: -4px;
222
+ left: 50%;
223
+ margin-left: -6px;
224
  }
225
  }
226
 
227
+ .swatch-item-wrapper {
228
+ position: relative;
229
+ }
230
+
231
+ .swatch:hover + .swatch__tooltip {
232
+ opacity: 1;
233
+ visibility: visible;
234
+ user-select: auto;
235
+ }
236
+
237
+ &.oss-blur-with-cross {
238
+ .swatch.disabled {
239
+ position: relative;
240
+ background: #33333357;
241
+
242
+ img {
243
+ opacity: 0.5;
244
+ }
245
+
246
+ &:after {
247
+ content: '';
248
+ position: absolute;
249
+ top: 0;
250
+ right: 0;
251
+ bottom: 0;
252
+ left: 0;
253
+ width: 100%;
254
+ height: 100%;
255
+ border: none;
256
+ border-radius: 0;
257
+ background: linear-gradient(to top left,
258
+ rgba(0, 0, 0, 0) 0%,
259
+ rgba(0, 0, 0, 0) calc(50% - 0.8px),
260
+ rgba(0, 0, 0, 1) 50%,
261
+ rgba(0, 0, 0, 0) calc(50% + 0.8px),
262
+ rgba(0, 0, 0, 0) 100%),
263
+ linear-gradient(to top right,
264
+ rgba(0, 0, 0, 0) 0%,
265
+ rgba(0, 0, 0, 0) calc(50% - 0.8px),
266
+ rgba(0, 0, 0, 1) 50%,
267
+ rgba(0, 0, 0, 0) calc(50% + 0.8px),
268
+ rgba(0, 0, 0, 0) 100%);
269
+ }
270
+
271
+ &.swatch-shape-rounded {
272
+ &:after {
273
+ border-radius: 8px;
274
+ }
275
+ }
276
+
277
+ &.swatch-shape-circle {
278
+ &:after {
279
+ border-radius: 50%;
280
+ }
281
+ }
282
  }
283
  }
 
 
284
 
285
+ &.oss-hide {
286
+ .swatch.disabled {
287
+ display: none;
288
+ }
289
+ }
290
  }
291
  }
292
  }
293
 
294
+ .swatch-align-left .variations {
295
  text-align: left;
296
 
297
+ img, select, .value {
298
  text-align: left;
299
  }
300
  }
301
 
302
+ .swatch-align-center .variations {
303
  text-align: center;
304
 
305
+ img, select, .value {
306
  text-align: center;
307
  }
308
  }
309
 
310
  .related.products {
311
+ .swatch-align-center .variations .label {
312
  display: none;
313
  }
314
  }
315
 
316
  .swatch-align-right .variations {
317
+ text-align: right;
318
+
319
+ img, select, .value {
320
  text-align: right;
321
  }
322
  }
333
  width: 90%;
334
  }
335
 
336
+ .line-hover {
337
+ cursor: default;
338
+ }
339
+
340
  .tawcvs-swatches .swatch-item-wrapper {
 
341
 
342
  .swatch-image {
343
+ img {
344
+ width: 100%;
345
+ height: auto;
346
+ }
347
 
348
+ text-align: center;
 
 
 
 
 
 
 
349
  }
350
  }
351
  }
assets/js/admin.js CHANGED
@@ -201,11 +201,6 @@ jQuery(document).ready(function ($) {
201
 
202
  }
203
 
204
-
205
- });
206
-
207
-
208
- jQuery(document).ready(function ($) {
209
  // accordion js
210
  $('.variation-item-head').on('click', function () {
211
  var $clickedHead = $(this);
@@ -272,15 +267,90 @@ jQuery(document).ready(function ($) {
272
  conditionalFieldEle.trigger("change");
273
  }
274
  })
 
275
  //Show the Pro features popup
276
  $('#tawcvs-settings-wrap').on('click', '.wcvs-pro-item, .wcvs-pro-item *', function (e) {
277
  e.preventDefault();
278
  $('.wcvs-pro-feature-popup,.wcvs-popup-blur').show();
279
  })
 
280
  //Hide the Pro features popup when clicking on close button or outside the popup
281
  $('.popup-close,.wcvs-popup-blur').on('click', function () {
282
  $('.wcvs-popup,.wcvs-popup-blur').hide();
283
  })
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
284
  });
285
 
286
 
201
 
202
  }
203
 
 
 
 
 
 
204
  // accordion js
205
  $('.variation-item-head').on('click', function () {
206
  var $clickedHead = $(this);
267
  conditionalFieldEle.trigger("change");
268
  }
269
  })
270
+
271
  //Show the Pro features popup
272
  $('#tawcvs-settings-wrap').on('click', '.wcvs-pro-item, .wcvs-pro-item *', function (e) {
273
  e.preventDefault();
274
  $('.wcvs-pro-feature-popup,.wcvs-popup-blur').show();
275
  })
276
+
277
  //Hide the Pro features popup when clicking on close button or outside the popup
278
  $('.popup-close,.wcvs-popup-blur').on('click', function () {
279
  $('.wcvs-popup,.wcvs-popup-blur').hide();
280
  })
281
+
282
+ //Update the Product Attribute type when changing it in the Settings page
283
+ $('.ajax-to-update input[type="checkbox"]').change(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;
291
+ }
292
+
293
+ if (mainTriggerEle.is(":checked")) {
294
+ ajaxData[mainTriggerEle.attr("name")] = 1;
295
+ } else {
296
+ ajaxData[mainTriggerEle.attr("name")] = 0;
297
+ }
298
+
299
+ if (this.checked && mainTriggerEle.is(":checked")) {
300
+ typeToUpdate = $(this).data("type");
301
+
302
+ //Uncheck same attributes in other settings
303
+ $('.ajax-to-update input[type="checkbox"][data-slug="' + $(this).data("slug") + '"]:checked').not(this).each(function () {
304
+ $(this).prop("checked", false);
305
+ $(this).parent().find(".configure-items-link").addClass("hidden");
306
+ //Set the plugin setting to false for this field
307
+ ajaxData[$(this).attr("name")] = 0;
308
+ })
309
+
310
+ //Set the plugin setting to true
311
+ ajaxData[$(this).attr("name")] = 1;
312
+
313
+ } else {
314
+ configureLinkEle.addClass("hidden");
315
+
316
+ //Set the plugin setting to false
317
+ ajaxData[$(this).attr("name")] = 0;
318
+ }
319
+
320
+ ajaxData.typeToUpdate = typeToUpdate;
321
+
322
+ $(this).closest(".ajax-to-update").toggleClass("saving");
323
+
324
+ wp.ajax.send("update_product_attr_type", {
325
+ data: ajaxData,
326
+ success: function (response) {
327
+ if (response.success) {
328
+ if ("select" === typeToUpdate) {
329
+ configureLinkEle.addClass("hidden");
330
+ } else {
331
+ configureLinkEle.removeClass("hidden");
332
+ }
333
+ $(".main-ajax-trigger,.ajax-to-update").removeClass("saving");
334
+ }
335
+ }
336
+ });
337
+ });
338
+
339
+ //Sync all child attributes when toggle on/off the setting
340
+ $('.main-ajax-trigger input[type="checkbox"]').change(function () {
341
+ let mainTriggerEle = $(this).closest(".main-ajax-trigger");
342
+
343
+ mainTriggerEle.toggleClass("saving");
344
+ mainTriggerEle.next(".ajax-to-update").toggleClass("saving");
345
+
346
+ let childAttrs = $("div[data-conditional='" + $(this).attr("id") + "'] input[type='checkbox']:checked");
347
+ if (childAttrs.length) {
348
+ childAttrs.each(function () {
349
+ $(this).trigger("change");
350
+ })
351
+ }
352
+ });
353
+
354
  });
355
 
356
 
assets/js/frontend.js CHANGED
@@ -1,128 +1,170 @@
1
- ;(function ( $ ) {
2
- 'use strict';
3
-
4
- /**
5
- * @TODO Code a function that calculate available combination instead of use WC hooks
6
- */
7
- $.fn.tawcvs_variation_swatches_form = function () {
8
- return this.each( function() {
9
- var $form = $( this );
10
-
11
- $form
12
- .addClass( 'swatches-support' )
13
  .data("product_variations", $form.find(".tawcvs-available-product-variation").data("product_variations"))
14
  .trigger('reload_product_variations')
15
- .on( 'click', '.swatch', function ( e ) {
16
- e.preventDefault();
17
-
18
- var $el = $( this ),
19
- $select = $el.closest( '.value' ).find( 'select' ),
20
- value = $el.attr( 'data-value' );
21
-
22
- if ( $el.hasClass( 'disabled' ) ) {
23
- return;
24
- }
25
-
26
- //Disabling other swatches, then resetting the select value to empty
27
- $el.parents('.tawcvs-swatches').find(".swatch.selected").each(function(){
28
- $(this).not($el).removeClass("selected");
29
- $select.val( '' );
30
- })
31
-
32
- // For old WC
33
- $select.trigger( 'focusin' );
34
-
35
- // Check if this combination is available
36
- if ( ! $select.find( 'option[value="' + value + '"]' ).length ) {
37
- $el.siblings( '.swatch' ).removeClass( 'selected' );
38
- $select.val( '' ).change();
39
- $form.trigger( 'tawcvs_no_matching_variations', [$el] );
40
- return;
41
- }
42
-
43
- if ( $el.hasClass( 'selected' ) ) {
44
- $select.val( '' );
45
- $el.removeClass( 'selected' );
46
- } else {
47
- $el.addClass( 'selected' ).siblings( '.selected' ).removeClass( 'selected' );
48
- $select.val( value );
49
- }
50
-
51
- $select.change();
52
- } )
53
- .on( 'click', '.reset_variations', function () {
54
- $form.find( '.swatch.selected' ).removeClass( 'selected' );
55
- $form.find( '.swatch.disabled' ).removeClass( 'disabled' );
56
- } )
57
- .on( 'woocommerce_update_variation_values', function() {
58
- setTimeout( function() {
59
- $form.find( '.variation-selector' ).each( function() {
60
- var $variationSelector = $( this ),
61
- $options = $variationSelector.find( 'select' ).find( 'option' ),
62
- $selected = $options.filter( ':selected' ),
63
- values = [];
64
-
65
- $options.each( function( index, option ) {
66
- if ( option.value !== '' ) {
67
- values.push( option.value );
68
- }
69
- } );
70
-
71
- $variationSelector.closest('.value').find( '.swatch' ).each( function() {
72
- var $swatch = $( this ),
73
- value = $swatch.attr( 'data-value' );
74
-
75
- if ( values.indexOf( value ) > -1 ) {
76
- $swatch.removeClass( 'disabled' );
77
- } else {
78
- $swatch.addClass( 'disabled' );
79
-
80
- if ( $selected.length && value === $selected.val() ) {
81
- $swatch.removeClass( 'selected' );
82
- }
83
- }
84
- } );
85
- } );
86
- }, 100 );
87
- } )
88
- .on( 'tawcvs_no_matching_variations', function() {
89
- window.alert( wc_add_to_cart_variation_params.i18n_no_matching_variations_text );
90
- } );
91
- } );
92
- };
93
-
94
- //Tracking the reset_variations button on change visibility -> change the corresponding display state
95
- function toggle_hidden_variation_btn() {
96
- const resetVariationNodes = document.getElementsByClassName('reset_variations');
97
-
98
- if (resetVariationNodes.length) {
99
-
100
- Array.prototype.forEach.call(resetVariationNodes, function (resetVariationEle) {
101
-
102
- let observer = new MutationObserver(function () {
103
-
104
- if (resetVariationEle.style.visibility !== 'hidden') {
105
-
106
- resetVariationEle.style.display = 'block';
107
-
108
- } else {
109
-
110
- resetVariationEle.style.display = 'none';
111
-
112
- }
113
-
114
- });
115
-
116
- observer.observe(resetVariationEle, {attributes: true, childList: true});
117
-
118
- })
119
-
120
- }
121
- }
122
-
123
- $( function () {
124
- $( '.variations_form' ).tawcvs_variation_swatches_form();
125
- $( document.body ).trigger( 'tawcvs_initialized' );
126
- toggle_hidden_variation_btn();
127
- } );
128
- })( jQuery );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ;(function ($) {
2
+ 'use strict';
3
+
4
+ /**
5
+ * @TODO Code a function that calculate available combination instead of use WC hooks
6
+ */
7
+ $.fn.tawcvs_variation_swatches_form = function () {
8
+ return this.each(function () {
9
+ var $form = $(this);
10
+
11
+ $form
12
+ .addClass('swatches-support')
13
  .data("product_variations", $form.find(".tawcvs-available-product-variation").data("product_variations"))
14
  .trigger('reload_product_variations')
15
+ .on("found_variation", function (event, variation) {
16
+ change_variation_image_on_shop_page($form, variation);
17
+ })
18
+ .on("reset_image", function (event) {
19
+ change_variation_image_on_shop_page($form, false);
20
+ })
21
+ .on('click', '.swatch', function (e) {
22
+ e.preventDefault();
23
+ var $el = $(this),
24
+ $select = $el.closest('.value').find('select'),
25
+ value = $el.attr('data-value');
26
+
27
+ if ($el.hasClass('disabled')) {
28
+ return;
29
+ }
30
+
31
+ //Disabling other swatches, then resetting the select value to empty
32
+ $el.parents('.tawcvs-swatches').find(".swatch.selected").each(function () {
33
+ $(this).not($el).removeClass("selected");
34
+ $select.val('');
35
+ })
36
+
37
+ // For old WC
38
+ $select.trigger('focusin');
39
+
40
+ // Check if this combination is available
41
+ if (!$select.find('option[value="' + value + '"]').length) {
42
+ $el.siblings('.swatch').removeClass('selected');
43
+ $select.val('').change();
44
+ $form.trigger('tawcvs_no_matching_variations', [$el]);
45
+ return;
46
+ }
47
+
48
+ if ($el.hasClass('selected')) {
49
+ $select.val('');
50
+ $el.removeClass('selected');
51
+ } else {
52
+ $el.addClass('selected').siblings('.selected').removeClass('selected');
53
+ $select.val(value);
54
+ }
55
+
56
+ $select.change();
57
+ })
58
+ .on('click', '.reset_variations', function () {
59
+ $form.find('.swatch.selected').removeClass('selected');
60
+ $form.find('.swatch.disabled').removeClass('disabled');
61
+ })
62
+ .on('woocommerce_update_variation_values', function () {
63
+ setTimeout(function () {
64
+ $form.find('.variation-selector').each(function () {
65
+ var $variationSelector = $(this),
66
+ $options = $variationSelector.find('select').find('option'),
67
+ $selected = $options.filter(':selected'),
68
+ values = [];
69
+
70
+ $options.each(function (index, option) {
71
+ if (option.value !== '') {
72
+ values.push(option.value);
73
+ }
74
+ });
75
+
76
+ $variationSelector.closest('.value').find('.swatch').each(function () {
77
+ var $swatch = $(this),
78
+ value = $swatch.attr('data-value');
79
+
80
+ if (values.indexOf(value) > -1) {
81
+ $swatch.removeClass('disabled');
82
+ } else {
83
+ $swatch.addClass('disabled');
84
+
85
+ if ($selected.length && value === $selected.val()) {
86
+ $swatch.removeClass('selected');
87
+ }
88
+ }
89
+ });
90
+ });
91
+ }, 100);
92
+ })
93
+ .on('tawcvs_no_matching_variations', function () {
94
+ window.alert(wc_add_to_cart_variation_params.i18n_no_matching_variations_text);
95
+ });
96
+ });
97
+ };
98
+
99
+ //Tracking the reset_variations button on change visibility -> change the corresponding display state
100
+ function toggle_hidden_variation_btn() {
101
+ const resetVariationNodes = document.getElementsByClassName('reset_variations');
102
+
103
+ if (resetVariationNodes.length) {
104
+
105
+ Array.prototype.forEach.call(resetVariationNodes, function (resetVariationEle) {
106
+
107
+ let observer = new MutationObserver(function () {
108
+
109
+ if (resetVariationEle.style.visibility !== 'hidden') {
110
+
111
+ resetVariationEle.style.display = 'block';
112
+
113
+ } else {
114
+
115
+ resetVariationEle.style.display = 'none';
116
+
117
+ }
118
+
119
+ });
120
+
121
+ observer.observe(resetVariationEle, {attributes: true, childList: true});
122
+
123
+ })
124
+
125
+ }
126
+ }
127
+
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
+
136
+ if (variation && variation.image && variation.image.src && variation.image.src.length > 1) {
137
+ $product_img.wc_set_variation_attr('src', variation.image.src);
138
+ $product_img.wc_set_variation_attr('height', variation.image.src_h);
139
+ $product_img.wc_set_variation_attr('width', variation.image.src_w);
140
+ $product_img.wc_set_variation_attr('srcset', variation.image.srcset);
141
+ $product_img.wc_set_variation_attr('sizes', variation.image.sizes);
142
+ $product_img.wc_set_variation_attr('title', variation.image.title);
143
+ $product_img.wc_set_variation_attr('data-caption', variation.image.caption);
144
+ $product_img.wc_set_variation_attr('alt', variation.image.alt);
145
+ $product_img.wc_set_variation_attr('data-src', variation.image.full_src);
146
+ $product_img.wc_set_variation_attr('data-large_image', variation.image.full_src);
147
+ $product_img.wc_set_variation_attr('data-large_image_width', variation.image.full_src_w);
148
+ $product_img.wc_set_variation_attr('data-large_image_height', variation.image.full_src_h);
149
+ } else {
150
+ $product_img.wc_reset_variation_attr('src');
151
+ $product_img.wc_reset_variation_attr('width');
152
+ $product_img.wc_reset_variation_attr('height');
153
+ $product_img.wc_reset_variation_attr('srcset');
154
+ $product_img.wc_reset_variation_attr('sizes');
155
+ $product_img.wc_reset_variation_attr('title');
156
+ $product_img.wc_reset_variation_attr('data-caption');
157
+ $product_img.wc_reset_variation_attr('alt');
158
+ $product_img.wc_reset_variation_attr('data-src');
159
+ $product_img.wc_reset_variation_attr('data-large_image');
160
+ $product_img.wc_reset_variation_attr('data-large_image_width');
161
+ $product_img.wc_reset_variation_attr('data-large_image_height');
162
+ }
163
+ }
164
+
165
+ $(function () {
166
+ $('.variations_form').tawcvs_variation_swatches_form();
167
+ $(document.body).trigger('tawcvs_initialized');
168
+ toggle_hidden_variation_btn();
169
+ });
170
+ })(jQuery);
includes/class-admin.php CHANGED
@@ -11,7 +11,8 @@ class TA_WC_Variation_Swatches_Admin {
11
  */
12
  protected static $instance = null;
13
 
14
- private $generalSettings;
 
15
 
16
  /**
17
  * Main instance
@@ -34,6 +35,10 @@ class TA_WC_Variation_Swatches_Admin {
34
  add_action( 'admin_init', array( $this, 'init_attribute_hooks' ) );
35
  add_action( 'admin_print_scripts', array( $this, 'enqueue_scripts' ) );
36
 
 
 
 
 
37
  // Restore attributes
38
  add_action( 'admin_notices', array( $this, 'restore_attributes_notice' ) );
39
  add_action( 'admin_init', array( $this, 'restore_attribute_types' ) );
@@ -41,6 +46,12 @@ class TA_WC_Variation_Swatches_Admin {
41
  // Display attribute fields
42
  add_action( 'tawcvs_product_attribute_field', array( $this, 'attribute_fields' ), 10, 4 );
43
 
 
 
 
 
 
 
44
  add_filter( 'woosuite_core_module_settings_url', array(
45
  $this,
46
  'render_the_setting_url_in_core_plugin'
@@ -48,10 +59,115 @@ class TA_WC_Variation_Swatches_Admin {
48
 
49
  include_once( dirname( __FILE__ ) . '/class-menu-page.php' );
50
  new VSWC_Settings_Page();