<\/span>Improvements to product filters: behavior and performance<\/span><\/h2>\n\n\n\nIn version 4.12.1 we improved the behavior of product filters for customers. There are two changes that guarantee a more fluid experience:<\/p>\n\n\n\n
- It\u2019s easier to apply multiple filters. <\/strong>Previously, a selected variant (for example, a ticked checkbox with a specific color or size) went to the top, and the filter list was instantly reloaded. Some variants or filters could disappear. You had to examine the list of filters again.<\/li><\/ul>\n\n\n\n
Now it\u2019ll be much easier to click through the filters you need\u2014nothing will interfere with it.<\/p>\n\n\n\n![\"\"\/](\"https:\/\/lh6.googleusercontent.com\/Bx3GjMf18IYPpDFTXZTov-J6BCbwjjjfBy-jkNItx75qFzo5S51RwSwIhnIkMoxBumhiNRGzlvwvQJZpEUxTPdXJ4D69AclBBqfFuuqANHWvfbVX0CvCuMvVCl4fXN_SQcer6Vhz\")
<\/figure>\n\n\n\n- Filters now work faster.<\/strong> You\u2019ll be more likely to notice this change if you have tens of thousands of products, many feature variants, and many products in the category where the customer attempts to use a filter. It is also noticeable when a customer only selects one filter.<\/li><\/ul>\n\n\n\n
Our tests have demonstrated variable increases in filter performance, ranging from 1.5x to 4x. On average, filtering in the described circumstances has become twice as fast. To achieve this, we optimized the SQL queries and added partial caching of filtering results.<\/p>\n\n\n\n
<\/span>Easier creation of product features (and options) <\/span><\/h2>\n\n\n\nYou can now create features right from the product editing page. That way, you\u2019ll no longer have to go to other pages if you realize that it needs some feature that your store doesn\u2019t have yet. Previously, you had to go elsewhere, create features, and then return to the product editing page to assign them. Options could already be created from a product page; so for them, we\u2019ve just made an interface similar to that of product features.<\/p>\n\n\n\n
Note that features and options have \u201cName\u201d and \u201cStorefront name\u201d now. \u201cName\u201d helps you distinguish features and options in the admin panel, and \u201cStorefront name\u201d is how those features and options appear to your customers. That way, the same feature can be called \u201cSize (shoes)\u201d in the admin panel and just \u201cSize\u201d on the storefront.<\/p>\n\n\n\n![\"\"\/](\"https:\/\/lh5.googleusercontent.com\/SjnWbZcDpgpD69n4ha86Ez1VzsxFaYq3Fm0oxQRiy3ExkSd7b8eKXpCKY0SOq84y0Oo_IjhRywQau6VsO788wdb3KR4rgSda5rIRAhhpI3SJhfRKvYO1I9RVT6xK9ZchaHO0a-o1\")
<\/figure>\n\n\n\n<\/span>Improved creation of product variations<\/span><\/h2>\n\n\n\nA similar improvement was made for product variations<\/a>. Now, if you want to quickly create multiple products that differ in color or size, all you have to do is specify the desired colors and sizes on the \u201cVariations\u201d tab of the product editing page.<\/p>\n\n\n\n![\"\"\/](\"https:\/\/lh3.googleusercontent.com\/bd_IrAZ20E3OKxqV_cJtygDJXksbn4xdBo_kwqP7OpeOpklOLYbm6gYv1_Q4aIqtPpgZRuH1jUL2kkV_fAw-ilicLMGDGAaVQFnmwNAY5OgK8CZ8fS1V3JOQhfkbB8SS7qK2SYMT\")
<\/figure>\n\n\n\nPreviously, you had to assign a color and size to the product first and save the changes. And then you\u2019d have to select the desired colors and sizes from all the possible combinations. That was inconvenient and resource-heavy when there were many possible combinations.<\/p>\n\n\n\n
<\/span>Easier shipping method configuration<\/span><\/h2>\n\n\n\nPreviously, the configuration of shipping methods was rather complicated. Setting up free shipping for a specific region was not intuitive at all. It was also possible to add extra charges for real-time shipping, but the interface didn\u2019t really show how to do it.<\/p>\n\n\n\n
That\u2019s why in version 4.12.1 we have reworked the shipping method configuration. Here are the main improvements:<\/p>\n\n\n\n
- It\u2019s easier to see where a certain shipping method will be available.<\/strong> Just go to the Shipping time and rates<\/em> tab. If you see a rate area there, then the shipping method will be offered in that rate area. Note that a real-time shipping method might also not appear at checkout if it doesn\u2019t ship to the specified destination.<\/li>
- It\u2019s easier to see the shipping rates for each rate area.<\/strong> Every rate area can now have a fixed base rate that doesn\u2019t depend on any conditions. Real-time shipping methods calculate the base rate automatically. Conditions allow you to specify surcharges and discounts for the base rate. If the base rate is 0, and there are no surcharges, then shipping to that rate area will be free.<\/li>
- You can now hide real-time shipping methods in some areas.<\/strong> For example, if you ship yourself locally, and use shipping companies only for deliveries to other regions or countries, you can now configure CS-Cart that way. Just remove your local rate area from the settings of a real-time shipping method, and the method won\u2019t be offered locally.<\/li><\/ul>\n\n\n\n
![](\"https:\/\/lh3.googleusercontent.com\/8sTm3Kim8vooXdU2B5acN0MpAnPPkz-jMK4kc0ehhRrqgyCp0MBNvoIhcHUcnGntFPM6cFgwOWFFVLaiifeqFOKSpuKValkRG7ddqJ6JDR8kKgkJYDSNmkv0Jv5OMZNKmYx1xszO\")
<\/h2>\n\n\n\n<\/span>Invisible anti-bot protection (Google reCAPTCHA v3)<\/span><\/h2>\n\n\n\nGoogle reCAPTCHA is a service that protects your site against bots. Before version 4.12.1, CS-Cart used reCAPTCHA v2. It asked customers to tick the \u201cI\u2019m not a robot\u201d checkbox. If Google had any doubts, it also asked the customer to select images with buses, bicycles, crosswalks, etc.<\/p>\n\n\n\n
Starting with version 4.12.1, you can use reCAPTCHA v3. It doesn\u2019t even ask customers to tick the checkbox. Instead, it simply shows an error message when a \u201ccustomer\u201d is suspected of being a bot.<\/p>\n\n\n\n
In case you\u2019re concerned that some customers might be perceived as bots, the settings of the add-on let you set how harsh reCAPTCHA v3 will be. The old Google reCAPTCHA v2 is still available too. It is up to you where and which reCAPTCHA to use (if any). Do note that you need to acquire keys for v2 and v3 reCAPTCHA separately. Find out more in our documentation.<\/a><\/p>\n\n\n\n<\/span>Relevant notifications for your staff<\/span><\/h2>\n\n\n\nYou can now decide what notifications to send, and to whom. For example, if you have staff members who handle orders, and don\u2019t want to receive notifications about them yourself, then you can do so. Or you can send those notifications to a dedicated email address. To configure this, go to Administration \u2192 Notifications \u2192 Administrator notifications<\/strong>.<\/p>\n\n\n\n![\"\"\/](\"https:\/\/lh5.googleusercontent.com\/li2X117Vap0IsQ8mm1ZJo_-CYTEWfXj7Op1wo8FzDNyP-K_uCL98UGRHMTzTNpubnwn4toxKx9n3Vy8fDexxEwr-nK8mx3TzIxSvpxIpouqmrANmbFszw7bFnL2w6zg1_QN6agk2\")
<\/figure>\n\n\n\n<\/span>Change in SEO and multiple languages<\/span><\/h2>\n\n\n\nThis is a small change, but we feel it’s important to announce it here. It is something that has been requested by multiple clients, after recommendations from their SEO agencies.<\/p>\n\n\n\n
Previously, if you showed languages in URL, it applied to all the languages of your store. For example, you’d have:<\/p>\n\n\n\n
- English (let’s assume it’s the main language): https:\/\/example.com\/en<\/a><\/em><\/strong><\/li>
- German: https:\/\/example.com\/de<\/a><\/em><\/li>
- French: https:\/\/example.com\/fr<\/a><\/em><\/li><\/ul>\n\n\n\n
In version 4.12.1, this behavior has changed. The URL above will turn into:<\/p>\n\n\n\n
- English (let’s assume it’s the main language): https:\/\/example.com\/<\/a><\/em><\/strong><\/li>
- German: https:\/\/example.com\/de<\/a><\/em><\/li>
- French: https:\/\/example.com\/fr<\/a><\/em><\/li><\/ul>\n\n\n\n
This change will happen automatically during the upgrade. CS-Cart will automatically add the redirections from the old URLs to the new ones.<\/p>\n\n\n\n
<\/span>Other improvements <\/span><\/h2>\n\n\n\n- Performance improved.<\/strong> Product pages now work faster as features are now requested in bulk. Also, there are some improvements to the caching process. For example, now the product variation SEO attributes are cached and retrieved quicker.<\/li>
- Import of attached files. <\/strong>Now you can import attachments (such as instructions, etc.) together with products<\/a> as described in the documentation. More importantly, product import now allows you to store attachments elsewhere (not on your store server) and save up disk space.<\/li>
- \u201cFile\u201d profile field. <\/strong>You can now create a profile field that allows users to upload files. This may come especially useful in B2B or marketplaces, where you might want customers or vendors to upload some documents.<\/li>
- \u201cConsider order paid\u201d setting for order status. <\/strong>Previously, CS-Cart assumed that only orders with the Completed <\/em>(C) and Processed <\/em>(P) status were paid. Now you can consider any order status paid, and it\u2019ll affect statistics accordingly.<\/li>
- The lists of product features, users, and rate areas now look like the list of products. <\/strong>You select an object (or multiple objects), you see the list of available actions. That way, there\u2019s no need to search for actions in an unrelated gear menu. On mobile devices, the context menu sticks to the top of the screen and helps you keep track of if any of the items in the list is still selected.<\/li>
- You can now edit layouts on the storefront on the homepage, product page, and category page. <\/strong>Go to Design \u2192 Themes<\/em> and click the Edit layout on-site<\/em> button to try it.\u00a0The layout editor in the admin panel still can do more than on the storefront. For example, you can only move a block on the storefront within its container (top panel, header, content, footer). But the benefit of editing a layout on the storefront is that you can reach the settings of a certain block without searching for it in the admin panel.<\/li>
- Selecting storefronts and languages in the admin panel on mobile devices. <\/strong>The admin panel on mobile devices now shows the button for switching between storefronts (if you have many of them). Selecting a language of the admin panel now also changes the language of the edited content (on mobile devices only; larger screens still show two language selectors).<\/li>
- Removal of option combinations. <\/strong>Product variations<\/a> serve exactly the same purpose and usually do it better. That\u2019s why we are removing option combinations as a tool for inventory tracking and changing the main image of a product. But product options still remain as a tool for changing product price and weight depending on what option is selected.<\/li>
- Rules for third-party add-ons.<\/strong> To make the interface easier, we\u2019ve forbidden add-ons (our own included) to create a new menu like Orders<\/em>, Products<\/em>, Customers<\/em>, etc. Existing installations that already had those menus won\u2019t be affected. Find out more in our video report.<\/a><\/li>
- New \u201cHelp center\u201d add-on.<\/strong> The add-on adds a question mark button to some of the pages of the admin panel. The button opens the \u201cHelp\u201d section with the documentation relevant to your version. If a new important documentation article or video appears, you\u2019ll see it in the Help Section.<\/li>
- Bigger checkboxes in the admin panel. <\/strong>It might seem like a small improvement, but we received complaints that it was easy to miss a checkbox when ticking it off. Now the checkboxes are bigger and easier to work with. They also look better.<\/li><\/ul>\n\n\n\n
Now it\u2019ll be much easier to click through the filters you need\u2014nothing will interfere with it.<\/p>\n\n\n\n Our tests have demonstrated variable increases in filter performance, ranging from 1.5x to 4x. On average, filtering in the described circumstances has become twice as fast. To achieve this, we optimized the SQL queries and added partial caching of filtering results.<\/p>\n\n\n\n You can now create features right from the product editing page. That way, you\u2019ll no longer have to go to other pages if you realize that it needs some feature that your store doesn\u2019t have yet. Previously, you had to go elsewhere, create features, and then return to the product editing page to assign them. Options could already be created from a product page; so for them, we\u2019ve just made an interface similar to that of product features.<\/p>\n\n\n\n Note that features and options have \u201cName\u201d and \u201cStorefront name\u201d now. \u201cName\u201d helps you distinguish features and options in the admin panel, and \u201cStorefront name\u201d is how those features and options appear to your customers. That way, the same feature can be called \u201cSize (shoes)\u201d in the admin panel and just \u201cSize\u201d on the storefront.<\/p>\n\n\n\n A similar improvement was made for product variations<\/a>. Now, if you want to quickly create multiple products that differ in color or size, all you have to do is specify the desired colors and sizes on the \u201cVariations\u201d tab of the product editing page.<\/p>\n\n\n\n Previously, you had to assign a color and size to the product first and save the changes. And then you\u2019d have to select the desired colors and sizes from all the possible combinations. That was inconvenient and resource-heavy when there were many possible combinations.<\/p>\n\n\n\n Previously, the configuration of shipping methods was rather complicated. Setting up free shipping for a specific region was not intuitive at all. It was also possible to add extra charges for real-time shipping, but the interface didn\u2019t really show how to do it.<\/p>\n\n\n\n That\u2019s why in version 4.12.1 we have reworked the shipping method configuration. Here are the main improvements:<\/p>\n\n\n\n Google reCAPTCHA is a service that protects your site against bots. Before version 4.12.1, CS-Cart used reCAPTCHA v2. It asked customers to tick the \u201cI\u2019m not a robot\u201d checkbox. If Google had any doubts, it also asked the customer to select images with buses, bicycles, crosswalks, etc.<\/p>\n\n\n\n Starting with version 4.12.1, you can use reCAPTCHA v3. It doesn\u2019t even ask customers to tick the checkbox. Instead, it simply shows an error message when a \u201ccustomer\u201d is suspected of being a bot.<\/p>\n\n\n\n In case you\u2019re concerned that some customers might be perceived as bots, the settings of the add-on let you set how harsh reCAPTCHA v3 will be. The old Google reCAPTCHA v2 is still available too. It is up to you where and which reCAPTCHA to use (if any). Do note that you need to acquire keys for v2 and v3 reCAPTCHA separately. Find out more in our documentation.<\/a><\/p>\n\n\n\n You can now decide what notifications to send, and to whom. For example, if you have staff members who handle orders, and don\u2019t want to receive notifications about them yourself, then you can do so. Or you can send those notifications to a dedicated email address. To configure this, go to Administration \u2192 Notifications \u2192 Administrator notifications<\/strong>.<\/p>\n\n\n\n This is a small change, but we feel it’s important to announce it here. It is something that has been requested by multiple clients, after recommendations from their SEO agencies.<\/p>\n\n\n\n Previously, if you showed languages in URL, it applied to all the languages of your store. For example, you’d have:<\/p>\n\n\n\n In version 4.12.1, this behavior has changed. The URL above will turn into:<\/p>\n\n\n\n This change will happen automatically during the upgrade. CS-Cart will automatically add the redirections from the old URLs to the new ones.<\/p>\n\n\n\n<\/span>Easier creation of product features (and options) <\/span><\/h2>\n\n\n\n
<\/span>Improved creation of product variations<\/span><\/h2>\n\n\n\n
<\/span>Easier shipping method configuration<\/span><\/h2>\n\n\n\n
<\/span>Invisible anti-bot protection (Google reCAPTCHA v3)<\/span><\/h2>\n\n\n\n
<\/span>Relevant notifications for your staff<\/span><\/h2>\n\n\n\n
<\/span>Change in SEO and multiple languages<\/span><\/h2>\n\n\n\n
<\/span>Other improvements <\/span><\/h2>\n\n\n\n