← All changes
|
app/Elementor/Widgets/Controls/CartTableSettings.php
+57
-155
2.2.2
→
3.2.6
View file →
| @@ -28,10 +28,9 @@ | ||
| 28 | 28 | */ |
| 29 | 29 | private static $selectors = []; |
| 30 | 30 | |
| 31 | 31 | /** |
| 32 | - * Widget Field | |
| 33 | - * | |
| 32 | + * @param object $widget widget. | |
| 34 | 33 | * @return array |
| 35 | 34 | */ |
| 36 | 35 | public static function widget_fields( $widget ) { |
| 37 | 36 | self::$selectors = $widget->selectors; |
| @@ -42,9 +41,8 @@ | ||
| 42 | 41 | self::action_control() + |
| 43 | 42 | self::image_settings() + |
| 44 | 43 | self::table_button( $widget ) + |
| 45 | 44 | self::input_style() + |
| 46 | - self::cart_empty() + | |
| 47 | 45 | QuantityFields::quantity_style_fields( $widget ) + |
| 48 | 46 | self::return_shop_button_style() + |
| 49 | 47 | self::notice_style(); |
| 50 | 48 | } |
| @@ -49,9 +47,9 @@ | ||
| 49 | 47 | self::notice_style(); |
| 50 | 48 | } |
| 51 | 49 | |
| 52 | 50 | /** |
| 53 | - * @param $widget | |
| 51 | + * @param object $widget widget. | |
| 54 | 52 | * |
| 55 | 53 | * @return array |
| 56 | 54 | */ |
| 57 | 55 | public static function quantity_fields( $widget ) { |
| @@ -59,9 +57,9 @@ | ||
| 59 | 57 | return $fields; |
| 60 | 58 | } |
| 61 | 59 | |
| 62 | 60 | /** |
| 63 | - * Widget Field | |
| 61 | + * @param object $widget widget. | |
| 64 | 62 | * |
| 65 | 63 | * @return array |
| 66 | 64 | */ |
| 67 | 65 | public static function table_button( $widget ) { |
| @@ -163,29 +161,9 @@ | ||
| 163 | 161 | 'mode' => 'section_start', |
| 164 | 162 | 'tab' => 'style', |
| 165 | 163 | 'label' => esc_html__( 'Cart Table', 'shopbuilder' ), |
| 166 | 164 | ], |
| 167 | - // 'cart_table_width' => [ | |
| 168 | - // 'mode' => 'responsive', | |
| 169 | - // 'label' => esc_html__( 'Table Minimum Width', 'shopbuilder' ), | |
| 170 | - // 'type' => 'slider', | |
| 171 | - // 'separator' => 'default', | |
| 172 | - // 'size_units' => [ 'px', '%' ], | |
| 173 | - // 'range' => [ | |
| 174 | - // 'px' => [ | |
| 175 | - // 'min' => 320, | |
| 176 | - // 'max' => 3000, | |
| 177 | - // 'step' => 5, | |
| 178 | - // ], | |
| 179 | - // '%' => [ | |
| 180 | - // 'min' => 0, | |
| 181 | - // 'max' => 100, | |
| 182 | - // ], | |
| 183 | - // ], | |
| 184 | - // 'selectors' => [ | |
| 185 | - // self::$selectors['cart_table_width'] => 'min-width: {{SIZE}}{{UNIT}};', | |
| 186 | - // ], | |
| 187 | - // ], | |
| 165 | + | |
| 188 | 166 | 'cart_element_alignment' => [ |
| 189 | 167 | 'mode' => 'responsive', |
| 190 | 168 | 'type' => 'choose', |
| 191 | 169 | 'label' => esc_html__( 'Element Alignment', 'shopbuilder' ), |
| @@ -222,17 +200,8 @@ | ||
| 222 | 200 | 'selectors' => [ |
| 223 | 201 | self::$selectors['table_column_header_padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', |
| 224 | 202 | ], |
| 225 | 203 | ], |
| 226 | - // 'table_content_column_padding' => [ | |
| 227 | - // 'label' => esc_html__( 'Column Padding (px)', 'shopbuilder' ), | |
| 228 | - // 'type' => 'dimensions', | |
| 229 | - // 'mode' => 'responsive', | |
| 230 | - // 'size_units' => [ 'px' ], | |
| 231 | - // 'selectors' => [ | |
| 232 | - // self::$selectors['table_content_column_padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', | |
| 233 | - // ], | |
| 234 | - // ], | |
| 235 | 204 | |
| 236 | 205 | 'cart_table_col_padding' => [ |
| 237 | 206 | 'label' => esc_html__( 'Column Padding(px)', 'shopbuilder' ), |
| 238 | 207 | 'type' => 'dimensions', |
| @@ -426,18 +395,8 @@ | ||
| 426 | 395 | self::$selectors['cart_table_even_row_text_color'] => 'color: {{VALUE}};', |
| 427 | 396 | ], |
| 428 | 397 | ], |
| 429 | 398 | |
| 430 | - // 'cart_table_even_row_padding' => [ | |
| 431 | - // 'label' => esc_html__( 'Row Padding(px)', 'shopbuilder' ), | |
| 432 | - // 'type' => 'dimensions', | |
| 433 | - // 'mode' => 'responsive', | |
| 434 | - // 'size_units' => [ 'px' ], | |
| 435 | - // 'selectors' => [ | |
| 436 | - // self::$selectors['cart_table_even_row_padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', | |
| 437 | - // ], | |
| 438 | - // ], | |
| 439 | - | |
| 440 | 399 | 'cart_remove_icon_heading' => [ |
| 441 | 400 | 'type' => 'html', |
| 442 | 401 | 'raw' => sprintf( |
| 443 | 402 | '<h3 class="rtsb-elementor-group-heading">%s</h3>', |
| @@ -772,10 +731,9 @@ | ||
| 772 | 731 | return $fields; |
| 773 | 732 | } |
| 774 | 733 | |
| 775 | 734 | /** |
| 776 | - * Widget Field | |
| 777 | - * | |
| 735 | + * @param object $widget widget. | |
| 778 | 736 | * @return array |
| 779 | 737 | */ |
| 780 | 738 | public static function general_settings( $widget ) { |
| 781 | 739 | $fields = [ |
| @@ -923,11 +881,11 @@ | ||
| 923 | 881 | 'cart_table_items' => [ 'name', 'products' ], |
| 924 | 882 | ], |
| 925 | 883 | ], |
| 926 | 884 | 'show_variation_data' => [ |
| 927 | - 'label' => esc_html__( 'Show Variations Data?', 'shopbuilder' ), | |
| 885 | + 'label' => esc_html__( 'Show Custom Data?', 'shopbuilder' ), | |
| 928 | 886 | 'type' => 'switch', |
| 929 | - 'description' => esc_html__( 'Switch on to show Show Variations Data.', 'shopbuilder' ), | |
| 887 | + 'description' => esc_html__( 'Enable to display any custom data, such as variation details and extra options.', 'shopbuilder' ), | |
| 930 | 888 | 'separator' => rtsb()->has_pro() ? 'default' : 'after', |
| 931 | 889 | 'classes' => $widget->pro_class(), |
| 932 | 890 | 'default' => 'yes', |
| 933 | 891 | 'condition' => [ |
| @@ -1130,48 +1088,40 @@ | ||
| 1130 | 1088 | * @return array |
| 1131 | 1089 | */ |
| 1132 | 1090 | public static function notice_style() { |
| 1133 | 1091 | $fields = [ |
| 1134 | - 'notice_section' => [ | |
| 1092 | + 'notice_section' => [ | |
| 1135 | 1093 | 'mode' => 'section_start', |
| 1136 | 1094 | 'tab' => 'style', |
| 1137 | - 'label' => esc_html__( 'Notice ', 'shopbuilder' ), | |
| 1095 | + 'label' => esc_html__( 'Cart Empty Notice ', 'shopbuilder' ), | |
| 1138 | 1096 | ], |
| 1139 | - 'notice_typography' => [ | |
| 1097 | + 'notice_typography' => [ | |
| 1140 | 1098 | 'mode' => 'group', |
| 1141 | 1099 | 'type' => 'typography', |
| 1142 | 1100 | 'label' => esc_html__( 'Typography', 'shopbuilder' ), |
| 1143 | 1101 | 'selector' => self::$selectors['notice_typography'], |
| 1144 | 1102 | ], |
| 1145 | - 'notice_padding' => [ | |
| 1103 | + 'notice_padding' => [ | |
| 1146 | 1104 | 'label' => esc_html__( 'Padding (px)', 'shopbuilder' ), |
| 1147 | 1105 | 'type' => 'dimensions', |
| 1148 | 1106 | 'mode' => 'responsive', |
| 1149 | 1107 | 'size_units' => [ 'px' ], |
| 1150 | 1108 | 'selectors' => [ |
| 1151 | - self::$selectors['notice_padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', | |
| 1109 | + self::$selectors['notice_padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;', | |
| 1152 | 1110 | ], |
| 1153 | 1111 | 'separator' => 'before', |
| 1154 | 1112 | ], |
| 1155 | 1113 | |
| 1156 | - 'notice_tabs_start' => [ | |
| 1157 | - 'mode' => 'tabs_start', | |
| 1158 | - ], | |
| 1159 | 1114 | // Tab For normal view. |
| 1160 | - 'notice_normal' => [ | |
| 1161 | - 'mode' => 'tab_start', | |
| 1162 | - 'label' => esc_html__( 'Success Message', 'shopbuilder' ), | |
| 1163 | - ], | |
| 1164 | - 'notice_bg_color' => [ | |
| 1115 | + 'notice_bg_color' => [ | |
| 1165 | 1116 | 'label' => esc_html__( 'Background Color', 'shopbuilder' ), |
| 1166 | 1117 | 'type' => 'color', |
| 1167 | - | |
| 1168 | 1118 | 'separator' => 'default', |
| 1169 | 1119 | 'selectors' => [ |
| 1170 | 1120 | self::$selectors['notice_bg_color'] => 'background-color: {{VALUE}};', |
| 1171 | 1121 | ], |
| 1172 | 1122 | ], |
| 1173 | - 'notice_text_color' => [ | |
| 1123 | + 'notice_text_color' => [ | |
| 1174 | 1124 | 'label' => esc_html__( 'Color', 'shopbuilder' ), |
| 1175 | 1125 | 'type' => 'color', |
| 1176 | 1126 | |
| 1177 | 1127 | 'selectors' => [ |
| @@ -1177,9 +1127,9 @@ | ||
| 1177 | 1127 | 'selectors' => [ |
| 1178 | 1128 | self::$selectors['notice_text_color'] => 'color: {{VALUE}};', |
| 1179 | 1129 | ], |
| 1180 | 1130 | ], |
| 1181 | - 'notice_border_color' => [ | |
| 1131 | + 'notice_border_color' => [ | |
| 1182 | 1132 | 'label' => esc_html__( 'Border Color', 'shopbuilder' ), |
| 1183 | 1133 | 'type' => 'color', |
| 1184 | 1134 | |
| 1185 | 1135 | 'selectors' => [ |
| @@ -1185,48 +1135,56 @@ | ||
| 1185 | 1135 | 'selectors' => [ |
| 1186 | 1136 | self::$selectors['notice_border_color'] => 'border-color: {{VALUE}};', |
| 1187 | 1137 | ], |
| 1188 | 1138 | ], |
| 1189 | - 'notice_normal_end' => [ | |
| 1190 | - 'mode' => 'tab_end', | |
| 1139 | + 'icon_heading' => [ | |
| 1140 | + 'type' => 'html', | |
| 1141 | + 'raw' => sprintf( | |
| 1142 | + '<h3 class="rtsb-elementor-group-heading">%s</h3>', | |
| 1143 | + esc_html__( 'Icon', 'shopbuilder' ) | |
| 1144 | + ), | |
| 1145 | + 'content_classes' => 'elementor-panel-heading-title', | |
| 1146 | + 'separator' => 'default', | |
| 1191 | 1147 | ], |
| 1192 | - 'notice_hover' => [ | |
| 1193 | - 'mode' => 'tab_start', | |
| 1194 | - 'label' => esc_html__( 'Error Messsage', 'shopbuilder' ), | |
| 1195 | - ], | |
| 1196 | - 'error_notice_bg_color' => [ | |
| 1197 | - 'label' => esc_html__( 'Background Color', 'shopbuilder' ), | |
| 1198 | - 'type' => 'color', | |
| 1199 | - 'separator' => 'default', | |
| 1200 | - | |
| 1148 | + 'notice_icon_size' => [ | |
| 1149 | + 'label' => esc_html__( 'Notice Icon Size', 'shopbuilder' ), | |
| 1150 | + 'type' => 'slider', | |
| 1151 | + 'mode' => 'responsive', | |
| 1152 | + 'range' => [ | |
| 1153 | + 'px' => [ | |
| 1154 | + 'min' => 0, | |
| 1155 | + 'max' => 100, | |
| 1156 | + ], | |
| 1157 | + ], | |
| 1201 | 1158 | 'selectors' => [ |
| 1202 | - self::$selectors['error_notice_bg_color'] => 'background-color: {{VALUE}};', | |
| 1159 | + self::$selectors['notice_icon_size'] => 'width: {{SIZE}}{{UNIT}};', | |
| 1203 | 1160 | ], |
| 1204 | 1161 | ], |
| 1205 | - 'error_notice_text_color' => [ | |
| 1206 | - 'label' => esc_html__( 'Color', 'shopbuilder' ), | |
| 1162 | + 'icon_color' => [ | |
| 1163 | + 'label' => esc_html__( 'Icon Color', 'shopbuilder' ), | |
| 1207 | 1164 | 'type' => 'color', |
| 1208 | - | |
| 1165 | + 'separator' => 'before', | |
| 1209 | 1166 | 'selectors' => [ |
| 1210 | - self::$selectors['error_notice_text_color'] => 'color: {{VALUE}};', | |
| 1167 | + self::$selectors['icon_color'] => 'color: {{VALUE}};fill: currentColor;', | |
| 1211 | 1168 | ], |
| 1212 | 1169 | ], |
| 1213 | - 'error_notice_border_color' => [ | |
| 1214 | - 'label' => esc_html__( 'Border Color', 'shopbuilder' ), | |
| 1170 | + 'icon_bg_color' => [ | |
| 1171 | + 'label' => esc_html__( 'Icon Background Color', 'shopbuilder' ), | |
| 1215 | 1172 | 'type' => 'color', |
| 1216 | - | |
| 1217 | 1173 | 'selectors' => [ |
| 1218 | - self::$selectors['error_notice_border_color'] => 'border-color: {{VALUE}};', | |
| 1174 | + self::$selectors['icon_bg_color'] => 'background-color: {{VALUE}};fill: currentColor;', | |
| 1219 | 1175 | ], |
| 1220 | 1176 | ], |
| 1221 | - 'notice_hover_end' => [ | |
| 1222 | - 'mode' => 'tab_end', | |
| 1177 | + 'icon_margin' => [ | |
| 1178 | + 'label' => esc_html__( 'Icon Margin (px)', 'shopbuilder' ), | |
| 1179 | + 'type' => 'dimensions', | |
| 1180 | + 'mode' => 'responsive', | |
| 1181 | + 'size_units' => [ 'px' ], | |
| 1182 | + 'selectors' => [ | |
| 1183 | + self::$selectors['icon_margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', | |
| 1184 | + ], | |
| 1223 | 1185 | ], |
| 1224 | - 'notice_tabs_end' => [ | |
| 1225 | - 'mode' => 'tabs_end', | |
| 1226 | - ], | |
| 1227 | - | |
| 1228 | - 'notice_section_end' => [ | |
| 1186 | + 'notice_section_end' => [ | |
| 1229 | 1187 | 'mode' => 'section_end', |
| 1230 | 1188 | ], |
| 1231 | 1189 | ]; |
| 1232 | 1190 | |
| @@ -1261,8 +1219,12 @@ | ||
| 1261 | 1219 | 'min' => 80, |
| 1262 | 1220 | 'max' => 500, |
| 1263 | 1221 | ], |
| 1264 | 1222 | ], |
| 1223 | + 'default' => [ | |
| 1224 | + 'unit' => 'px', | |
| 1225 | + 'size' => '180', | |
| 1226 | + ], | |
| 1265 | 1227 | 'selectors' => [ |
| 1266 | 1228 | self::$selectors['coupon_input_width'] => 'width: {{SIZE}}{{UNIT}} !important;', |
| 1267 | 1229 | ], |
| 1268 | 1230 | ], |
| @@ -1278,12 +1240,12 @@ | ||
| 1278 | 1240 | 'selectors' => [ |
| 1279 | 1241 | self::$selectors['coupon_input_height'] => 'height: {{SIZE}}{{UNIT}} !important;', |
| 1280 | 1242 | ], |
| 1281 | 1243 | ], |
| 1282 | - 'input_border' => [ | |
| 1244 | + 'coupon_input_border' => [ | |
| 1283 | 1245 | 'mode' => 'group', |
| 1284 | 1246 | 'type' => 'border', |
| 1285 | - 'selector' => self::$selectors['input_border'], | |
| 1247 | + 'selector' => self::$selectors['coupon_input_border'], | |
| 1286 | 1248 | 'size_units' => [ 'px' ], |
| 1287 | 1249 | ], |
| 1288 | 1250 | 'coupon_border_radius' => [ |
| 1289 | 1251 | 'label' => esc_html__( 'Border Radius (px)', 'shopbuilder' ), |
| @@ -1316,73 +1278,13 @@ | ||
| 1316 | 1278 | 'type' => 'dimensions', |
| 1317 | 1279 | 'mode' => 'responsive', |
| 1318 | 1280 | 'size_units' => [ 'px' ], |
| 1319 | 1281 | 'selectors' => [ |
| 1320 | - self::$selectors['coupon_padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', | |
| 1282 | + self::$selectors['coupon_padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;', | |
| 1321 | 1283 | ], |
| 1322 | 1284 | 'separator' => 'before', |
| 1323 | 1285 | ], |
| 1324 | 1286 | 'coupon_style_section_end' => [ |
| 1325 | - 'mode' => 'section_end', | |
| 1326 | - ], | |
| 1327 | - ]; | |
| 1328 | - | |
| 1329 | - return $fields; | |
| 1330 | - } | |
| 1331 | - | |
| 1332 | - /** | |
| 1333 | - * Widget Field | |
| 1334 | - * | |
| 1335 | - * @return array | |
| 1336 | - */ | |
| 1337 | - public static function cart_empty() { | |
| 1338 | - $fields = [ | |
| 1339 | - 'empty_notice_section' => [ | |
| 1340 | - 'mode' => 'section_start', | |
| 1341 | - 'tab' => 'style', | |
| 1342 | - 'label' => esc_html__( 'Cart Empty', 'shopbuilder' ), | |
| 1343 | - ], | |
| 1344 | - | |
| 1345 | - 'empty_notice_typography' => [ | |
| 1346 | - 'mode' => 'group', | |
| 1347 | - 'type' => 'typography', | |
| 1348 | - 'label' => esc_html__( 'Typography', 'shopbuilder' ), | |
| 1349 | - 'selector' => self::$selectors['empty_notice_typography'], | |
| 1350 | - ], | |
| 1351 | - 'empty_notice_bg_color' => [ | |
| 1352 | - 'label' => esc_html__( 'Background Color', 'shopbuilder' ), | |
| 1353 | - 'type' => 'color', | |
| 1354 | - 'selectors' => [ | |
| 1355 | - self::$selectors['empty_notice_bg_color'] => 'background-color: {{VALUE}};', | |
| 1356 | - ], | |
| 1357 | - ], | |
| 1358 | - 'empty_notice_text_color' => [ | |
| 1359 | - 'label' => esc_html__( 'Color', 'shopbuilder' ), | |
| 1360 | - 'type' => 'color', | |
| 1361 | - | |
| 1362 | - 'selectors' => [ | |
| 1363 | - self::$selectors['empty_notice_text_color'] => 'color: {{VALUE}};', | |
| 1364 | - ], | |
| 1365 | - ], | |
| 1366 | - 'empty_notice_border_color' => [ | |
| 1367 | - 'label' => esc_html__( 'Border Color', 'shopbuilder' ), | |
| 1368 | - 'type' => 'color', | |
| 1369 | - | |
| 1370 | - 'selectors' => [ | |
| 1371 | - self::$selectors['empty_notice_border_color'] => 'border-color: {{VALUE}};', | |
| 1372 | - ], | |
| 1373 | - ], | |
| 1374 | - 'empty_notice_padding' => [ | |
| 1375 | - 'label' => esc_html__( 'Padding (px)', 'shopbuilder' ), | |
| 1376 | - 'type' => 'dimensions', | |
| 1377 | - 'mode' => 'responsive', | |
| 1378 | - 'size_units' => [ 'px' ], | |
| 1379 | - 'selectors' => [ | |
| 1380 | - self::$selectors['empty_notice_padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', | |
| 1381 | - ], | |
| 1382 | - 'separator' => 'before', | |
| 1383 | - ], | |
| 1384 | - 'empty_notice_section_end' => [ | |
| 1385 | 1287 | 'mode' => 'section_end', |
| 1386 | 1288 | ], |
| 1387 | 1289 | ]; |
| 1388 | 1290 | |