
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:
Features 🚀
-
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.
Improvements ➕
-
menu-item
block from Menu - Themenu-item
block 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-item
s can henceforth declare any other Store Framework block in their array as children, granting more Menu customization. -
CSS Handles - New CSS Handles available for the Search Result's
filter-navigator
v3 and for the Store Components'sku-selector
! Don't forget to check the CSS Handles table for each documentation! -
URL structure - Most of the
map
parameters were removed from URLs, aiming to empower SEO on the platform. Only theb
parameter was kept on themap
, due to potential ambiguities between brands and categories. If previously we had something likestorecomponents.myvtex.com/shirts/t-shirts/green/Womens?map=c,c,c,specificationFilter_149,specificationFilter_151
, now we havestorecomponents.myvtex.com/shirts/t-shirts/for-whom_Womens/color_green
. Now this is what I call an improvement, team! -
Login - New
accountOptionLinks
andtermsAndConditions
props for the area responsible for displaying specific account option links to replace theMy Account
and 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 -
fullWidth
,autoplay
anditemsPerPage
props 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
initiallyCollapsed
prop, which was only accepted by thefilter-navigator.v2
, can now also be configured usingfilter-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-color
CSS property was added to your theme'sstyle.json
file. 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
.json
file and the other ajsonc
). 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_source
on orderForm - The expected behavior is for the Add to Cart button to input theutm_source
data (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.