Welcome to the March 2020 VTEX IO Release Notes, team.
We've a difficult few days but together we'll make it. April is finally here, and with it the hope of positive change and a brand new Release Notes, straight from our world famous oven of ideas!
Lending credence to the idea the March was not all bad news, we've prepared a Release Notes to show what our team has been up to and to brighten these gray, lonely days a bit.
So wash your hands, sing Happy Birthday twice and cast your eyes on this beauty:
Product Gifts app - A brand new app to display all gifts available to a given product in your catalog. Check out the documentation and implement this in your store today!
Product Price app - The product price block, as we knew it from Store Components app, is now brand new and much more flexible in a new app called Product Price. Give the documentation a good read and implement the various blocks that are exported by this app with just a few clicks.
Checkout UI Settings app - Forget the admin's interface: the new Checkout UI Settings app is here to customize your VTEX IO store's Checkout UI through scripts. Get to know more about its advantages and inner workings by reading the documentation.
Configurations Builder - A service app's configurations can now be allocated as an independent app on the platform, leveraging from the functionality of workspaces, versioning and much more. It may seem complex, but it's not. Have a look at the documentation on how to use the builder to develop service configuration apps.
menu-itemblock from Menu - The
menu-itemblock is not a child composition, which means that menu items don't require a limited list of potential blocks that can declared as their children anymore - as mentioned in the January 2020 Release Notes. Due to this change,
menu-items can henceforth declare any other Store Framework block in their array as children, granting more Menu customization.
URL structure - Most of the
mapparameters were removed from URLs, aiming to empower SEO on the platform. Only the
bparameter was kept on the
map, due to potential ambiguities between brands and categories. If previously we had something like
storecomponents.myvtex.com/shirts/t-shirts/green/Womens?map=c,c,c,specificationFilter_149,specificationFilter_151, now we have
storecomponents.myvtex.com/shirts/t-shirts/for-whom_Womens/color_green. Now this is what I call an improvement, team!
Login - New
termsAndConditionsprops for the area responsible for displaying specific account option links to replace the
My Accountand a markdown text below the login options to warn users about Terms & Conditions, respectively. Both are also editable using the admin's Site Editor! Whoopi-ty-doo! Check the Login app documentation for more info on each change.
Slider Layout -
itemsPerPageprops are now available for edition using the admin's Site Editor. Each respectively: 1) defines whether the slides take up the full available width or not; 2) controls the auto-play feature; 3) defines how many slides should be displayed on each device. Access the documentation for more info on each one!
Filter Navigator - The
initiallyCollapsedprop, which was only accepted by the
filter-navigator.v2, can now also be configured using
filter-navigator.v3! Check the Search Result app documentation.
Performance improvements - We have a significant performance increase for you due to platform changes. The first is related to the Locale-Switcher. The app and its blocks are now loaded only when under direct interaction with users, thereby decreasing page loading time. The second refers to the Order Form optimization. You can now optimize how your store fetches and uses the Order Form and therefore ensure a smoother navigation experience for your users. If this peaked your interest, have a look at the recipe on enabling the Order Form optimization.
Store Form - While the Store Form was incredible and wonderful before, the JSON Schema compatibility was restricted to Master Data v2. Water under the bridge. Thanks to this release, users can now create JSON Schemas that are compatible with Master Data v1 as well! Check out the documentation.
Outline-color - The
outline-colorCSS property was added to your theme's
style.jsonfile. It means that you can set a unique default value that can be applied throughout the store for the line that is drawn around all components when they are highlighted on the interface. Previously, you could only set the component's customization in focus individually using Handles.
Bug Fixes 🐛
Duplicated blocks: Store Framework was passively accepting a block being declared twice in your store's theme (as long as one was a
.jsonfile and the other a
jsonc). This led to various bugs, since only one of the two was going to be effectively rendered... but the developer didn't know which one. An error message is now displayed in VTEX IO CLI whenever the theme is linked and duplicate blocks are present.
Sensitive Menu: It was easy to mistakenly change the Menu you were navigating on since the Hover was way too sensitive. This is now fixed and you can expect a better user experience when using the Menu.
utm_sourceon orderForm - The expected behavior is for the Add to Cart button to input the
utm_sourcedata (contained in the user's session) to orderForm, the JSON responsible for storing all the date of an order on the platform. Unfortunately, this was not being done before... but it is now. Cheers!
Specifications Badges - All the Specifications Badges of a product must be made available to the user... however only the first one configured was being displayed. This fix changes that and now all badges are displayed accordingly.
Telemarketing functionality - When a Telemarketing user added products to the cart using a client's account and then switched accounts, the Minicart did not reset, meaning that the OrderForm JSON continued to save the information pertaining to the previous account. This has been fixed: the cart is reset and the OrderForm data is cleared every time the Telemarketing user logs out of an account.