[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-43-44/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Release Notes - Week 43&44/2019
description: "See what is new in VTEX IO Week 43&44/2019"
date: "2019-11-13"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-43-44/README.md"
---

# VTEX IO Release Notes - Week 43&44/2019

Hey team! Another week is dawning!

The start of the week is always the perfect opportunity to set the pace for the week, month and even life, right? We always promise ourselves to start a new diet, or to better organize our tasks, come up with plans and so on...

Funny how we never seem to the energy to do these things on a **Friday** (we tend to have other priorities :smirk:).

Therefore, bask yourself in this **fresh energy** that only the start of the week can bestow upon us to make it through this week's Release Notes :muscle: You’ll understand why in just a second. It’s just that if there is anything you’ll need an abundant supply of in order to catch up with the latest IO updates, it’s energy to read through everything.

See for yourself:

### New features :rocket:

- [Hotjar first party app](https://vtex.io/docs/releases/2019-week-43-44/hotjar-first-party-app) - Forget custom HTML tags and rejoice from the services the Hotjar solution provides. A native integration of the solution with IO stores is now a reality thanks to this new 1st party app.
- [Carousel](https://vtex.io/docs/releases/2019-week-43-44/carousel) - The Carousel component block as we know it makes way for a new Carousel configuration that uses Slider Layout. The more component flexibility, the more customization options available to you!

### Deprecation :x:

- [CSS Selectors](https://vtex.io/docs/releases/2019-week-43-44/css-selectors-deprecation) - The wise Toolbelt has been warning us for the past few days, but you can also read about the deprecation of some Themes CSS selectors here. Check out the details and scenarios that are still allowed.

### Improvements :heavy_plus_sign:

- [Platform performance](https://vtex.io/docs/releases/2019-week-43-44/platform-performance) - Platform performance improvements are something we always like and want. So give this release a good read to understand what weeks 43 and 44 of 2019 bring in terms of VTEX IO improvement key points.
- [Store PWA](https://vtex.io/docs/releases/2019-week-43-44/store-pwa) - Once on the Order Placed page, users want to follow their order’s status. A notice prompting the installation of your store’s PWA seems rather strategic at this point, wouldn’t you say? If you agree, then you'll definitely like this improvement.
- [Menu](https://vtex.io/docs/releases/2019-week-43-44/menu) - If there's something that retailers like, it's code independence. And if there's something we like, it's to see happy retailers! A new configuration of the Menu block allows its content to be edited with Site Editor.
- [Image](https://vtex.io/docs/releases/2019-week-43-44/image) - Similar to the Menu, uploading Image component content can also be done using the Site Editor. Am I hearing fireworks?
- [SKU Selector](https://vtex.io/docs/releases/2019-week-43-44/sku-selector) - The SKU Selector is fully loaded this week: it can not only display exclusive images, but also be wholly displayed on the Shelf and even in the Search Results page. Check out the details here!

Are you still with us? I hope so, because there is more to come:

- [Product Specification](https://vtex.io/docs/releases/2019-week-43-44/product-specifications) - You can choose when and on which device to make the Product Specification content collapsible. So much control over a component can seem like fake news, but it's all true thanks to the new component's prop!
- [Product Summary](https://vtex.io/docs/releases/2019-week-43-44/product-summary) - These past two weeks were not special just for the SKU Selector: the Product Summary didn't just gain a blockClass prop, but also a CSS Handle.
- [Product Summary Price](https://vtex.io/docs/releases/2019-week-43-44/product-summary-price) - Who doesn't like to know how much they saved when buying a product? The Product Summary Price, knowing that the answer to that question is a resounding "everyone", now can display a product's absolute saving to users.
- [Search Results Page URL](https://vtex.io/docs/releases/2019-week-43-44/search-results-page-url) - The `preventRouteChange` prop expanded and what was valid only for custom pages is now valid for custom-less search result pages too. Apply any filters without worrying about changes to the page's path or structure.
- [Site Editor](https://vtex.io/docs/releases/2019-week-43-44/site-editor) - GIFs. Yep, that's right. GIFs. G I F S are now properly working in Site Editor.

### Notable bug fixes :bug:

- [Search Results page buttons](https://github.com/vtex-apps/search-result/pull/264) - The `Fetch previous` and `Show more` buttons were vanishing after being clicked on when the previous search results page was either the first or last page with search results. Witchcraft you say? Whatever the case, we've fixed it. In these scenarios, page loading is now rendered before new results are displayed.
- [Structured data for unavailable products](https://github.com/vtex-apps/structured-data/pull/9) - Unavailable products didn't have their price filled into the page's structured data and were therefore being displayed as free in Google searches. Talk about communication failure :cold_sweat: No unavailable product page structured data will be sent to Google anymore, avoiding erroneous descriptions in the search results and customer confusion.
- [Two tabs Product Specifications](https://github.com/vtex-apps/store-components/pull/610) - The Product Specification component was facing problems when configured to have two tabs. When expanding the first tab's content (by clicking on a `show more` button) and switching between tabs, users were confronted with a `Show less` button, as if they had already opted to expand that second tab as well. This scenario was corrected and the tabs now act independently :muscle:

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-45-46/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Release Notes - Week 45&46/2019
description: "See what is new in VTEX IO Week 45&46/2019"
date: "2019-11-26"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-45-46/README.md"
---

# VTEX IO Release Notes - Week 45&46/2019

Hey, team! Welcome to the **Black** VTEX IO Release Notes.

Yep, that's right. If this Friday is **Black Friday**, you can call us **Black Release Notes** this week because we are thrilled with this long awaited event being just around the corner.

Whether retailer or end user, I do hope that your checklist for this black week is ready, because mine is :heavy_check_mark: And guess what else? It envolves reading the entire Release Notes.

### New features :rocket:

- [Site Editor](https://vtex.io/docs/releases/2019-week-45-46/site-editor) - They say 1 is few, 2 is good and 3 is a party. If a release for the Site Editor is already incredible, picture 3? Check out the new Topbar, complete with tooltips and new modal texts for the admin section.

### Improvements :heavy_plus_sign:

- [Platform performance](https://vtex.io/docs/releases/2019-week-45-46/platform-performance) - We always rejoice from performance improvements, and I promise you that this one involving data fetching is legit. Check out the VTEX IO performance improvement for week 45 and 46 of 2019.
- [Product Specifications](https://vtex.io/docs/releases/2019-week-45-46/product-specifications) - The Product Specifications `visibleSpecifications` and `hiddenSpecifications` props can now be edited using the admin's Site Editor. This Site Editor never tires of being a hero for code-less people, for real...
- [Breadcrumb](https://vtex.io/docs/releases/2019-week-45-46/breadcrumb) - If you've had a good week, Breadcrumb had a better one! The component gained two new props (`homeIconSize` and `caretIconSize`), new Handles (`homeLink` and `termArrow`) and other improvements.
- [CSS Handles](https://vtex.io/docs/releases/2019-week-45-46/css-handles) - The Breadcrumb was not the only one to have been gifted Handles this week. `savingPriceValue` and `savingPriceLabel` also had a lucky week and gained their own CSS Handles.
- [Search query](https://vtex.io/docs/releases/2019-week-45-46/search-query) - Shall we celebrate search query's independence from the facets query? Even when the latter doesn't return any results, the former renders data fetched by the `productSearch` query, providing users with search results regardless.
- [Search Result Gallery](https://vtex.io/docs/releases/2019-week-45-46/search-result-gallery) - During the Black Friday week, the e-commerce gods have bestowed the blessing upon the Gallery component, making it responsive and willing to accept different values for (almost) any existing device.
- [Search Result OrderBy](search-result-orderby) - OrderBy’s new `hiddenOptions` prop does away with the component’s forced exhibitionism. Its options can now either be hidden or displayed according to the retailer’s chosen scenario.

### Notable bug fixes :bug:

- [Filter Navigator](https://github.com/vtex-apps/search-result/pull/272) - The release of the `preventRouteChange` prop in search result pages was [announced](link Release) during the last Release Notes and, believe it or not, was already cause for uncertainty. When a category was selected and then removed from the Filter Navigator, the URL was keeping the former category, showing inaccurate data to the user. This bug was already fixed and the prop is alive and well. Booyah!
- [Highlight resize](https://github.com/vtex-apps/admin-pages/pull/303) - When editing a block with the admin's Site Editor, its height may change according to its new configurations, right? The problem was that the `HighlightOverlay`, responsible for highlighting the block was being edited on the Site Editor's interface, was shy and kept the original height, thereby impairing the display of the new configurations. It's now learned to be more receptive to change and adapts according to the block's new height.

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-32-33/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Highlights - Week 32&33/2019
description: "See what is new in VTEX IO Week 32&33/2019"
date: "2019-08-22"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-32-33/README.md"
---

# VTEX IO Highlights - Week 32&33/2019

Welcome to the VTEX IO weekly release notes!

Since we were slightly behind schedule with the release, this week’s release notes come in a **double feature format** to put us back on track again!

Without further ado, here’s a sneak peek at key changes made in the last couple of weeks:

> :bell: Keep up-to-date with VTEX IO release notes! Simply click on **Releases only** in this page’s upper right corner **Watch** box.

### New features :rocket:

- [Internal URLs link in banners](internal-urls-link-in-banners.md) - Easily link internal URLs to a banner with the help of CMS’s new Storefront field.
- [accessiBe first party app](accessibe-first-party-app.md) - Get your hands on a first-party integration with the accessiBe solution.
- [Extension points on Order Placed page](extension-points-on-the-order-placed-page.md) - Customize a store’s Order Placed page using extension points.

### Deprecations :x:

- [Pages Settings tab](pages-settings-tab.md) - The Pages Settings tab no is longer available in the CMS section.

### Improvements :heavy_plus_sign:

- [Performance da plataforma](platform-performance.md) - Understand what the VTEX IO performance improvement key points were.
- [Drawer component](drawer-component.md) - Customize your store Drawer’s behavior and appearance using the component’s 3 new props and CSS handles.
- [Breadcrumb on mobile mode](breadcrumb-on-mobile-mode.md) - Make the Breadcrumb component available for mobile users.
- [Image thumbnails](image-thumbnails.md) - Choose whether a product’s thumbnail images will be displayed vertically or horizontally.
- [Custom pages URL changes](custom-pages-url.md) - New browser filter prop which allows custom pages to keep the URLs unchanged even when filters are applied.
- [Search Result](search-result.md) - Display how many items the user is seeing and how many items are left on the search results page.
- [Minicart component](minicart-component.md) - The new Minicart component prop enables redirecting users to any page the retailer chooses when clicking the “Finish Shopping” button.

### Notable bug fixes :bug:

- [Subscription on unavailable products](https://github.com/vtex-apps/store-components/pull/545) - Adding email notifications for when unavailable products are again available no longer gives users an error.
- [Telemarketing Login](https://github.com/vtex-apps/telemarketing/pull/52) - Before this fix, when logging in to a store which had a telemarketing profile, users would encounter problems in rendering the Menu component, which would have stayed behind the Search Bar.
- [Buy-button redirect](https://github.com/vtex-apps/store-discussion/issues/64) - The Buy Button no longer redirects users to an empty cart when the request to add a product to the cart take too long. ℹThis behavior only was enabled when `isOneClickBuy` was set to `true`.
- _Timeout errors in canonical routes_ - To avoid timeout errors, the canonical routes response wait time was increased. :information_source: This bug fix Pull Request was performed is a private VTEX repository.
- [Storefront carousel schema](https://github.com/vtex-apps/carousel/pull/82) - Carousel schema was reordered in the Admin’s Storefront section in order for image uploads to be displayed first.
- [Icon button inside forms](https://github.com/vtex/styleguide/pull/742) - With this bug fix, you can use an icon button inside a `<form>` without it automatically becoming a submit, saving the form when clicked.
- [Duplicated Minicart items](https://github.com/vtex-apps/minicart/pull/174) - When the same item is repeatedly added by a user to the Minicart, the component will henceforth take the added quantity into account without displaying any bugs.
- [External URLs assignment](https://github.com/vtex-apps/store-discussion/issues/81) - When specified in a `menu-item block` , external URLs no longer lose their query string.

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-26/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Highlights - Week 26/2019
description: "See what is new in VTEX IO Week 26/2019"
date: "2019-07-03"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-26/README.md"
---

# VTEX IO Highlights - Week 26/2019

Welcome to the VTEX IO weekly release notes!

Here's a sneak peek at the key changes made in the last week:

> 🔔 Keep up with VTEX IO release notes! Just click on <strong>Releases only</strong> in the <strong>Watch</strong> box on the right upper corner of this page.

### New features 🚀

- [Brand component](brand-component.md) - Show a product's brand name or logo in your Product Details page with this new component.

### Improvements ➕

- [Toolbelt dependency on Housekeeper](toolbelt-dependency-on-housekeeper.md) - Housekeep API is presently used by VTEX IO Toolbelt, giving app updates more reliability in a workspace.
- [Search Bar component](search-bar-component.md) - Increase the search results preview performance with this new Search Bar component improvement.
- [React builder optimization](react-builder-optimization.md) - The webpack logic has now been improved with the React builder optimization, leading to an impressive reduction in resources.
- [Product Description component](product-description-component.md) - It is now possible to display a product description in your store regardless of its size.

### Notable Bug Fixes 🐛

- [Login infinite loop](https://github.com/vtex-apps/login/pull/135) - Users without a set session cookie will no longer encounter problems with infinite loop logins on any store website.

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-28/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Highlights - Week 28/2019
description: "See what is new in VTEX IO Week 28/2019"
date: "2019-07-17"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-28/README.md"
---

# VTEX IO Highlights - Week 28/2019

Welcome to the VTEX IO weekly release notes!

Here’s a sneak peek at the key changes made in the last week:

> :bell: Keep up with VTEX IO release notes! Just click on **Releases only** in the **Watch** box in the right upper corner of this page.

### New features :rocket:

- [Sidecar pixel app](sidecar-pixel-app.md) - Get your hands on a first-party integrations with the Sidecar solution.
- [Native A/B Testing](native-ab-testing.md) – Increase your store’s conversion rate by performing native VTEX IO A/B testing, now available to clients platform-wide.
- [Typography customization](typography-customization.md) - Easily customize your store’s typography through Storefront.

### Improvements :heavy_plus_sign:

- [Submenu behaviour](submenu-behavior.md) - The Menu component now has a better behavior when it is triggered to expand.
- [React render performance](react-render-performance.md) - VTEX IO now implements the new React feature that allows component data reuse using hooks.

### Notable bug fixes :bug:

- [RichText content](https://github.com/vtex-apps/admin-pages/pull/241) - RichText fields edited through storefront no longer display a hash id.
- [Block title](https://github.com/vtex-apps/render-runtime/pull/345) - The block `title` prop was used to edit the block name displayed in the Storefront section, in the new CMS version. This Pull Request aims to fix it since it was broken during the latest releases.
- **“Socket Hang Up” errors** - Recurring problems with server-side rendering, asset fetching and graphql queries were solved, ensuring that the end user no longer faces page loading errors. :information_source: This bug fix pull Request was done is a VTEX private repository.

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-29/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Highlights - Week 29/2019
description: "See what is new in VTEX IO Week 29/2019"
date: "2019-07-25"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-29/README.md"
---

# VTEX IO Highlights - Week 29/2019

Welcome to the VTEX IO weekly release notes!

Here's a sneak peek at key changes made in the last week:

> :bell: Keep up with VTEX IO release notes! Simply click on **Releases only** in the **Watch** box in the upper right corner of this page.

### New features :rocket:

- [Store Theme blocks structure](store-theme-blocks-structure.md) - Gain more flexibility when organizing your store theme blocks as wanted.
- [Price internationalization](price-internationalization.md) – Overcome internationalization hurdles by changing the behavior of the currency in which prices are being displayed in your store.
- [Server Timing](server-timing.md) – Monitor the performance of each sent request with the Server timing feature.

### Improvements :heavy_plus_sign:

- [PowerReviews pixel app](powerreviews-pixel-app.md) - It now has a first-party integration with PowerReviews Checkout Beacon solution.
- [Minicart component](minicart-component.md) - New properties enable the displaying of the total item and value quantity in the component.

### Notable bug fixes :bug:

- [Cookies transfer to `graphql-server`](https://github.com/vtex-apps/admin-graphql-ide/pull/5) - Cookies that were lost when going through the app [Admin GraphQL IDE](https://github.com/vtex-apps/admin-graphql-ide) were recovered and are now being correctly redirected to the `graphql-server`.
- [Non editable blocks showing up](https://github.com/vtex-apps/admin-pages/pull/245)) - Non editable blocks no longer show up in Storefront’s editing section in CMS.

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-27/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Highlights - Week 27/2019
description: "See what is new in VTEX IO Week 27/2019"
date: "2019-07-10"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-27/README.md"
---

# VTEX IO Highlights - Week 27/2019

Welcome to the VTEX IO weekly release notes!

Here's a sneak peek at the key changes made in the last week:

> 🔔 Keep up with VTEX IO release notes! Just click on <strong>Releases only</strong> in the <strong>Watch</strong> box on the right upper corner of this page.

### New features 🚀

- [Storefront page customization by URL](storefront-page-customization-by-url.md) - Customize your store through Storefront faster by simply navigating to the desired page using its URL.
- [Product Identifier component](product-identifier-component.md) - Display products/SKU IDs and reference anywhere on your Product page, Shelf and Search Results.
- [Search Bar component behavior](search-bar-component-behavior.md) - Use its new prop as `true` and enable store users to search by the desired category, brand and collection.

### Improvements :heavy_plus_sign:

- [Warning disclaimer when in master](warning-disclaimer-when-in-master.md) - Storefront now send a warning when editing a store in a master workspace.
- [Search query](search-query.md) - The Search component now takes 50% less time to display results to users.
- [Shelf rendering](shelf-rendering.md) - The Shelf component now has a faster user loading time.

### Notable bug fixes :bug:

- [Auto scroll](https://github.com/vtex-apps/admin-pages/pull/233) - With this fix, users will no longer have a negative experience when trying to select a block to customize in Storefront in the new CMS.
- [Blocks without schema](https://github.com/vtex-apps/admin-pages/pull/230) – When editing a store using Storefront, users can now click on blocks that don’t have schema, such as rows and columns, without getting back an error.
- [SKU Selector](https://github.com/vtex-apps/store-components/pull/517) - The SKU Selector no longer vanishes for the user when there is just one specification to be chosen.
- [Shelf image](https://github.com/vtex-apps/shelf/pull/156) - Issues with Shelf Component image size shifting are fixed. This bug fix removes the image flickering that were negatively impacting mobile browsing.

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2020-05/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Release Notes - May 2020
description: "See what is new in VTEX IO for May 2020"
date: "2020-06-18"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2020-05/README.md"
---

# VTEX IO Release Notes - May 2020

Welcome to the May 2020 VTEX IO Release Notes, team!

The VTEX IO Release Notes is marking it's **first anniversary** online and we've decided to celebrate this first year by doing what we do best: introducing our users to eagerly awaited configs.

Some of the key highlights are:

- :heavy_plus_sign: Layout conditioned by product specifications;
- :x: Product Summary Price and Product Price blocks deprecation;
- :bug: Links working in Brand component.

Shall we then start reading this Release Notes gem for May?

## Improvements :heavy_plus_sign:

- **Product prices with tax** - Blocks exported by the [Product Price](https://vtex.io/docs/components/all/vtex.product-price) app are now able to render their text messages and price variables with tax values considered.

- **Infocard's new** `callToActionLinkTarget` **prop** - The `callToActionLinkTarget` prop from the [Infocard](https://vtex.io/docs/components/all/vtex.store-components/infocard/) block is now available for the Edition in the admin's Site Editor.

- **CSS Handles** - New CSS Handles always herald good news. Let's rejoice: `firstVisible` and `lastVisible`  have arrived  to the [Slider Layout app](https://vtex.io/docs/components/all/vtex.slider-layout), allowing you to customize the  first and the last visible item on a slide. In addition, the [Rich Text](https://vtex.io/docs/components/all/vtex.rich-text/) and the [Search Results](https://vtex.io/docs/components/all/vtex.search-result/) also gained new Handles: namely the `wrapper` and the `accordionFilterOpen` for mobile devices.

- **Product Specifications block and Search Results filters customization** - It is now possible to independently customize each of the UI product specifications and the search filters. All this thanks to adding modifiers and new attributes linked to HTML elements. For more info, access the  [Search Results app](https://vtex.io/docs/components/all/vtex.search-result/) and [Product Specifications block](https://vtex.io/docs/components/all/vtex.store-components/productspecifications/) documentation, in addition to going through the recipe on [Using CSS Handles for store customization](https://vtex.io/docs/recipes/style/using-css-handles-for-store-customization).

- **Add to Cart button message** - Define which message will be displayed on the [Add to Cart Button](https://vtex.io/docs/components/all/vtex.add-to-cart-button) thanks to the block's new `text` prop. In addition, you can define a text message that will be rendered when the product is not available for purchase - thanks to another new prop called  `unavailableText`.

- **Newsletter in Site Editor** - The [Newsletter](https://vtex.io/docs/components/all/vtex.store-components/newsletter/) is finally in Site Editor! The component can now be edited using your account's admin.

- **Layout conditioned by product specifications** - The [Condition Layout](https://vtex.io/docs/components/all/vtex.condition-layout) now works with product specifications, thanks to the new value `specificationProperties` for the `subject` prop. That's right: you can now define which product specifications should trigger the rendering of predefined content! Cheers to that!

- **CSS subfolders** - The folder where your theme's app CSS files are stored (called `css` and allocated in the main `styles` folder) now supports subfolder organization, which means that you can organize your CSS files as you wish from now on!

- **Empty Minicart state** - This one should be a good surprise to users: The Minicart empty state was improved. What was merely a rich text gave way to more user friendly UI, having an empty cart icon.

- `remove-button`**'s new props** - The [Product List](https://vtex.io/docs/components/content-blocks/vtex.product-list/) app's  `remove-button` block received two new strategically important props: `displayMode` and `variation`. The first defines whether the block should be displayed as an icon or as a text (allowing you to [create confirmation modals when displayed as an icon](https://vtex.io/docs/recipes/templates/creating-modals-using-icons/)). In turn, the second prop defines the remove button visual prominence when it is displayed as a text based on the [VTEX Styleguide](https://styleguide.vtex.com/#/Components/Forms/Button).

## Deprecations :x:

- **Product Summary Price and Product Price blocks** - The Product Summary Price and the Product Price blocks, respectively, pertaining to the [Product Summary](https://vtex.io/docs/components/all/vtex.product-summary) and the [Store components](https://vtex.io/docs/components/all/vtex.store-components) apps, were deprecated in favor of the [**Product Price**](https://vtex.io/docs/components/all/vtex.product-price/) app. Although support for these blocks is still granted, it is strongly recommended to update your store theme with the Product Price's blocks in order to keep up with the component's evolution.

## Bug fixes :bug:

- **Minicart item list** - When more than 1 SKU with attachments was added to the [Minicart](https://vtex.io/docs/components/all/vtex.minicart) (version 1 and 2), the component interpreted that only 1 should receive the chosen attachment, while the other SKUs would not receive it. This bug was now fixed in both versions and the Minicart lists the correct SKU number with their respective attachment.

- [**Slider Layout dots on mobile**](https://github.com/vtex-apps/slider-layout/pull/21) -  The pagination dots, located below the component built using [Slider Layout](https://vtex.io/docs/components/layout-blocks/vtex.slider-layout), were not rendering slides when clicked on using a mobile device - contrary to the Slider's arrows. The pagination dots are now working as expected and users can click on them to change slides.

- [**Image link editing in Site Editor**](https://github.com/vtex-apps/store-image/pull/15) -
When an image link was added to the Image component ([Store Image](https://vtex.io/docs/components/all/vtex.store-image/) app) using the admin's Site Editor, an unexpected error took place: the `newTab` toggle button was not working properly. This was now fixed and users can correctly configure image links to open in new tabs when editing the Image component in Site Editor.

- [**Links in Brand component**](https://github.com/vtex-apps/store-components/pull/774) - The Store Component's [Product Brand block](https://vtex.io/docs/components/all/vtex.store-components/productbrand/) allowed the creation of links in the brand product icon, by using the `logoWithLink` prop. The prop was not functioning properly, which led to this functionality being forgotten. Thanks to a fix, the prop is now 100% available and ready for use!

## Praises :sparkles:

- [pgrimaud](https://github.com/pgrimaud) *from Big Youth*
- [LucasCastroAcctGlobal](https://github.com/LucasCastroAcctGlobal) *from ACCT*
- [BeatrizMiranda](https://github.com/BeatrizMiranda) *from ACCT*

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2020-02/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Release Notes - February 2020
description: "See what is new in VTEX IO February 2020"
date: "2020-03-16"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2020-02/README.md"
---

# VTEX IO Release Notes - February 2020

I don't know if it was the extra day we had due to the leap year or the Carnival rest (or should I say *party*? :grimacing:), but something is certain: our wonderful development team was truly inspired in February!

Brace yourselves... This month's VTEX IO Release Notes is here and you'll need to muster all the energy you can to catch up with everything that has been prepared for you. I really do mean it! Just check it out:

## Special announcements :speaker:

- **Exception for the CSS Selectors deprecation**: Previously, no blocks could be customized by CSS Selectors, remember? This breaking change and the reasons that led to it were announced in the [Release Notes for weeks 43 and 44 of 2019](https://vtex.io/docs/releases/2019-week-43-44/css-selectors-deprecation). Now, this scenario has undergone further changes. Apps that are not yet flexible will be able to CSS Selectors as an exception. They are: `vtex.my-account@1.x`, `vtex.my-orders@3.x` and `vtex.login@2.x`,

- **Changes to the VTEX IO Closed Beta list workflow** -  VTEX IO now has a new workflow to require platform development permissions! [Find out more details](https://vtex.io/docs/releases/2020-02/vtex-io-closed-beta-list) about the change and what you will need to do from now on.

## Features 🚀

- **VTEX init** - The creation of new storefronts using the VTEX IO Store Framework will limit itself to the `store` option when running the `vtex init` command. `store` is a basic boilerplate, unlike the previous Store Theme that already had a lot of preset configurations and customization. Good news for Store Framework beginners!

- **Assets Builder** - A brand new Builder to handle assets that are used in your theme's blocks. Magical! Check out the recipe on [how to configure and use it](https://vtex.io/docs/recipes/development/using-the-assets-builder).

- **Modal Layout** - The Modal Layout is out and ready for use. Find out how to create modals for your store in its [documentation](https://vtex.io/docs/components/layout-blocks/vtex.modal-layout/).

- **Sticky Layout** -  Endless praise to our dev team that deliver not just one, but two new Layouts releases. You are now able to fix elements in place on the interface, thereby making blocks follow user navigation when scrolling thanks to the [Sticky Layout](https://vtex.io/docs/components/layout-blocks/vtex.sticky-layout/)!

- **Shelf** - Have you heard the latest? Shelf block is now configured with [Slider Layout](https://vtex.io/docs/apps/layout-blocks/vtex.slider-layout). When listing context, you'll be able to display the desired products in an easier and more practical way. Find out how by reading the [documentation](https://vtex.io/docs/components/content-blocks/vtex.shelf/)!

Still with us? It gets better...

- **Components Debugger** - If you thought you had problems decrypting each component's Handles, the dog days are now over because the Components Debugger has landed. Check out the recipe on [using CSS Handles for store customization](https://vtex.io/docs/recipes/style/using-css-handles-for-store-customization) and begin using the Components Debugger now.

- **Toolbelt** - A notification is now triggered in your terminal when the `vtex link` command is not running anymore, meaning when your link has died. Can I get an amen? But remember: this new feature is only valid for MAC and Linux at the moment.

- **Alexa Certify Code** - Natively integrate with Amazon's [Alexa solution](https://vtex.io/docs/components/all/vtex.alexa-certify-code/) now!

- **Braspag Cybersource Fingerprint** - Make way for there is yet another pixel bringing native integration. It is the  [Braspag's Cybersource anti-fraud](https://vtex.io/docs/components/all/vtex.cybersource-fingerprint/)!

- **UserData Event** -  It's up and running, yes! [Set up the Google Tag Manager UserData Event](https://vtex.io/docs/recipes/store-management/setting-up-google-tag-manager) in your store and verify data related to your store logged in users using the Google Analytics.

## Improvements ➕

- **SEO** - Bad SEO practices? Not here. New URLs that are generated based on a change in a product/category/brand name are no longer indexed by Google even if the content is invalid. Instead, a redirect is created from the old URL to the new one.

- **Order Placed** - Previously, [Order Placed](https://vtex.io/docs/components/content-blocks/vtex.order-placed/readme) was a big monolithic block. Now, Order Placed v2 is launched. Broken into small and customizable blocks, it allows you to customize the order placed page as you wish! Yay!

- **React app dependencies** - The wise Toolbelt will now automatically update an App React's dependencies located in the app's `package.json` file to keep them in line with Render's dependencies list. Find out more details on this improvement [here](https://vtex.io/docs/releases/2020-02/react-app-dependencies)!

 - **SVG's size** - The `viewbox` prop for [Store Icons](https://vtex.io/docs/components/all/vtex.store-icons/) now accepts other values aside from 16x16px for the following block icons: `search-bar`, `login` and `minicart`.

- **Header layout** - Making a header layout change when scrolling it sounds unrealistic to you? Let me break it to you... it's not! Open the [Header documentation](https://vtex.io/docs/components/content-blocks/vtex.store-header/) to see for yourself.

- **Login interface** - New prop for the following area:  `logInButtonBehavior`. It sets the Login block interface either to  `popover` or  `link` . Find out more about its implementation by accessing the [Login documentation](https://vtex.io/docs/components/all/vtex.login/).

Breathe in and relax, because we still have more...

- **CSS Handles** - Our constantly acclaimed CSS Handles release is also present this month with new CSS Handles for the [Search Result](https://vtex.io/docs/components/content-blocks/vtex.search-result/) page.

- **Shelf IDs** - The [Shelf](https://vtex.io/docs/components/content-blocks/vtex.shelf/) `trackingId` prop now enables you to identify, using a Shelf ID, which Shelf actually had its content accessed and triggered the Google Analytics event.

- **Product Images** - Deciding where to position product video on Product Images thumbnails is not an impossible task anymore thanks to the [Product Image](https://vtex.io/docs/components/content-blocks/vtex.store-components/product-images)'s new `contentOrder` prop.

- **Search Bar** - Previously, you couldn't keep the search icon after entering a text in the search bar. Boring... this scenario changed once the `DisplayMode` prop arrived. Check out the [documentation](https://vtex.io/docs/components/content-blocks/vtex.store-components/search-bar)!

## Notable bug fixes 🐛

- **[Minicart on hover](https://github.com/vtex-apps/minicart/pull/208)** - Several issues were solved with this one: 1) hovering now only works on desktop mode; 2) When hovered, the Minicart remains open for as long as the user is interacting with it; 3) If the Minicart icon is clicked on, it will behave normally and will be closed when the user clicks outside its area. The Minicart previously had run into some trouble and none of the above were functioning properly...

- **[Measures for product images](https://github.com/vtex-apps/store-theme/pull/197)** - The [Product Summary Image](https://vtex.io/docs/components/content-blocks/vtex.product-summary/product-summary-image) now ensures that the images displayed take up the same space on the interface, having identical measures, regardless of their original size in the Catalog thanks to the new props `height` and `width`.

- **[Locale Switcher](https://github.com/vtex-apps/locale-switcher/pull/17)** - Long time no see, Locale Switcher... Previously, the block would disappear when the binding default language was used during navigation. Everything was now solved and the block is always present on the interface.

- **Product Impression event** - The Product Impression Event failed to be triggered in two different scenarios: in incomplete [Search Results product aisles]((https://github.com/vtex-apps/search-result/pull/307)) and on the [Related Products Shelf](https://github.com/vtex-apps/shelf/pull/211). everything is working as intended now (and everything triggered as it should be).

- **[SKU Selector](https://github.com/vtex-apps/product-summary/pull/237)** - Users were being redirected to the SKU page without choosing at least a product specification when on the Shelf or Search Results pages. The new `initialState` prop now comes with the `empty` default value and thus users will only be redirected after choosing specification for the SKU in question.

- **[Product Summary Image](https://github.com/vtex-apps/product-summary/pull/236)** - The `mainImageLabel`, which defines which product image should be present on the Product Summary, didn't change even when users interacted with the SKU Selector. This confused users, since the image didn't necessarily portray the product specifications chosen by the user. This has now changed: the `mainImageLabel` only appears in the product summary when no specification has been selected, meaning that the `initialState` is `empty` (default behavior, thanks to the bug fix above hehe).

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-30/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Highlights - Week 30/2019
description: "See what is new in VTEX IO Week 30/2019"
date: "2019-08-02"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-30/README.md"
---

# VTEX IO Highlights - Week 30/2019

Welcome to the VTEX IO weekly release notes!

Here's a sneak peek at key changes made in the last week:

> :bell: Keep up-to-date with VTEX IO release notes! Simply click on **Releases only** in the **Watch** box in the upper right corner of this page.

### Improvements :heavy_plus_sign:

- [Navigation arrows on thumbnails](arrows-pdp-thumbnails.md) - Add navigation arrows to your PDP images.
- [Link brand component](brand-component-link.md) - Our brand component may take the user to the brand's page.
- [Full category tree on events](category-tree-events.md) - Track your product's full category-tree on Google Analytics.
- [Menu-item component with icon](icon-menu-item.md) - Add an icon next to each menu-item text and create custom menus.
- [Image with link](image-component-link.md) - Our image component now supports the prop link.
- [New sorting criteria](new-orderby-options.md) - Use these new criteria to sort your products.
- [Shelf hiding unavailable items](shelf-hide-unavailble.md) - Prevent out-of-stock products from appearing on your shelf.

### Notable bug fixes :bug:

- [Carousel autoplay](https://github.com/vtex-apps/carousel/pull/81) - Our carousel autoplay functions properly again.
- [Price range](https://github.com/vtex-apps/search-result/pull/213) - Price range filter now functions properly both on desktop and mobile mode

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-37/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Highlights - Week 37/2019
description: "See what is new in VTEX IO Week 37/2019"
date: "2019-09-23"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-37/README.md"
---

# VTEX IO Highlights - Week 37/2019

Hey! 👋 Welcome to VTEX IO Release Notes for week 37 of 2019!

You might have noticed that last week’s Release Notes didn’t reach you. Not to worry. To put you on track with VTEX IO, this week will have **two** publications! 🎉

Thrilled to announce that this week's first Release Notes brings several long awaited releases and innovative such as **SEO strategy** improvement and the **new Search GraphQL app**.

Don't get left behind with the latest on these and other key changes. Get a sneak peek at this week's main releases:

> :bell: Keep up with VTEX IO release notes! Just click on **Releases only** in the **Watch** box in the right upper corner of this page.

### New features :rocket:

- [Hot Reload](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-37/hot-reload.md) - The time when you had to hit the refresh button to be able to see your code changes is long gone thanks to our Hot Reload.
- [Bazaarvoice first party app](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-37/bazaarvoice-first-party-app.md) - Get your hands on a first-party integration with the Bazaarvoice solution.
- [Flexible Search Results Page](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-37/flexible-search-results-page.md) - Search Results Pages customization just became more powerful with `flex-layout`.

### Improvements :heavy_plus_sign:

- [Platform performance](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-37/platform-performance.md) - Understand what were the VTEX IO performance improvement key points for week 37 of 2019.
- [SEO strategies](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-37/seo-strategies.md) - If there is anything as sought after as a stable platform, it's SEO improvement. Therefore, check out our latest SEO releases for your VTEX IO store.
- [Search GraphQL](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-37/search-graphql.md) - The `store-graphql` morphed into `search-graphql`, which took over responsibility for your store's GraphQL search related queries.

### Notable bug fixes :bug:

- [Site Editor blocks code](https://github.com/vtex-apps/admin-pages/pull/275) - Whenever a block is selected in Site Editor, the server responds with the latest code, allowing blocks to be edited with the most up-to-date content.
- [Site Editor `HiglightOverlay` component](https://github.com/vtex-apps/admin-pages/pull/278) - Previously, when clicking on a block that did not exist in your store, the Site Editor's section iframe would not work due to an unexpected behavior of the HighlightOverlay component (responsible for displaying on the screen which component from the list the user is currently editing). This behavior was remedied.
- [Child block customization on Site Editor](https://github.com/vtex-apps/admin-pages/pull/269) - Site Editor encountered rendering problems when users tried to edit a child block listed in a parent block. This fix enables the customization of blocks which are listed in another Site Editor block list to occur normally.

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-36/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Highlights - Week 36/2019
description: "See what is new in VTEX IO Week 36/2019"
date: "2019-09-13"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-36/README.md"
---

# VTEX IO Highlights - Week 36/2019

Welcome to yet another VTEX IO weekly release notes, this one being more than special because we are announcing the release of our brand new VTEX IO documentation website.

Honestly, why are still reading the into after such news? Scroll down and have a look at last week's key changes:

> :bell: Keep up with VTEX IO release notes! Just click on **Releases only** in the **Watch** box in the right upper corner of this page.

### New features :rocket:

- [VTEX IO docs](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-36/vtex-io-docs.md) - You didn't misread! The dim light at the end of the tunnel just got brighter: the new VTEX IO documentation website is up and ready for you to access.
- [Minicart Sandbox blocks](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-36/minicart-sandbox-blocks.md) - Customize your Minicart footer using Sandbox blocks.
- [Google Analytics `productView` event](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-36/google-analytics-productview-event.md) - Get more insight into your store's user behavior by tracking their navigation between SKUs.

### Improvements :heavy_plus_sign:

- [Platform performance](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-36/platform-performance.md) - Understand last week's VTEX IO performance improvement key points.
- _Storefront name change_ - Your account Admin's Storefront section, responsible for defining your store's front-end content is now called **Site Editor**. Commit to memory!
- [Events context](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-36/events-context.md) - Create a web app with more ease with help from Events' expanding functionalities.
- [Google Analytics `orderPlaced` event ](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-36/google-analytics-orderplaced-event.md) - Make your Google Analytics metrics more reliable with the `orderPlaced` event trigger improvement.

### Notable bug fixes :bug:

- [Site Editor's component list](https://github.com/vtex-apps/admin-pages/pull/268) - Previously, site-wide components were not displayed in Site Editor's component list. With this bug fix, the full list will be displayed to the user.
- [Pickup point ID](https://github.com/vtex-apps/store-components/pull/577) - The Pickup point ID should not have been displayed in the Shipping Simulator as was the case. This bug fix remedies this scenario.
- [Google Tag Manager app events](https://github.com/vtex-apps/google-tag-manager/pull/25) - Events sent by the Google Tag Manager app were inconsistent with regards to the sent ID, which sometimes pertained to the SKU while other times to the product. This fix ensures that all events are now sent using SKU IDs.

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-31/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Highlights - Week 31/2019
description: "See what is new in VTEX IO Week 31/2019"
date: "2019-08-15"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-31/README.md"
---

# VTEX IO Highlights - Week 31/2019

Welcome to the VTEX IO weekly release notes!

Here’s a sneak peek at key changes made in the week before last:

> :bell: Keep up-to-date with VTEX IO release notes! Simply click on **Releases only** in the **Watch** box in the upper right corner of this page.

### New features :rocket:

- [Color name on SKU Selector](color-name-sku-selector.md) - Display the selected SKU’s color name.
- [Change image on hover](change-image-on-hover.md) - Show a secondary product image by hovering it.
- [Storefront language selector](storefront-language-selector.md) - Storefront now has a language selector.

### Improvements :heavy_plus_sign:

- [Minimum items on shelf](minimum-items-shelf.md) - Control how many items can be displayed on the smallest screen size.
- [Search Result layout on mobile mode](hide-layout-switcher-mobile.md) – Switch the mobile Search Result layout with the new mobileLayout prop.
- [Page title of contextless routes](custom-title-standard-page.md) - Set a custom title on a standard page.

### Notable bug fixes :bug:

- [Tablet responsiveness](https://github.com/vtex-apps/store-discussion/issues/56) - The responsiveness of our framework on tablets and mobile in landscape mode has improved.
- [Minicart not updating](https://github.com/vtex-apps/minicart/pull/171) - Minicart now updates modified items directly at checkout.
- [PageView event](https://github.com/vtex-apps/store/pull/312) - The pageView event is now properly sent along with the pageTitle prop.
- [Sorting dropdown](https://github.com/vtex-apps/search-result/pull/217) - Our dropdown sorting menu now adapts its size dynamically, not breaking the line.
- [Search bar preview](https://github.com/vtex-apps/store-components/pull/539) - The search bar preview adapts its size alongside the search bar size.
- [Dots without CSS](https://github.com/vtex-apps/carousel/pull/83) - The CSS is now being applied on carousel dots.

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2020-03/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Release Notes - March 2020
description: "See what is new in VTEX IO for March 2020"
date: "2020-04-15"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2020-03/README.md"
---

# VTEX IO Release Notes - March 2020

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 :bulb:

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 :rocket:

- **Product Gifts app** - A brand new app to display all gifts available to a given product in your catalog. Check out the [documentation](https://vtex.io/docs/components/all/vtex.product-gifts@0.2.0/) and implement this in your store today!

- **Product Price app** - The [product price block](https://vtex.io/docs/components/all/vtex.store-components/product-price), 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](https://vtex.io/docs/components/all/vtex.product-price@1.2.1/) 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](https://vtex.io/docs/apps/functional/vtex.checkout-ui-settings@0.0.3).

- **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](https://vtex.io/docs/recipes/development/developing-service-configuration-apps/).

## Improvements :heavy_plus_sign:

- **`menu-item` block from Menu** - The `menu-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](https://vtex.io/docs/releases/2020-01/README/). Due to this change, `menu-item`s can henceforth declare any other Store Framework block in their array as children, granting more [Menu](https://vtex.io/docs/components/all/vtex.menu@2.24.1) customization.

- **CSS Handles** - New CSS Handles available for the [Search Result](https://vtex.io/docs/components/all/vtex.search-result@3.53.1)'s  `filter-navigator` v3 and for the Store Components' [`sku-selector`](https://vtex.io/docs/components/all/vtex.store-components@3.109.0/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 the `b` parameter 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 `accountOptionLinks` and `termsAndConditions` props for the area responsible for displaying specific account option links to replace the `My 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](https://vtex.io/docs/components/all/vtex.login/) for more info on each change.

- **Slider Layout** - `fullWidth`, `autoplay` and `itemsPerPage` 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](https://vtex.io/docs/components/layout-blocks/vtex.slider-layout@0.11.0/) for more info on each one!

- **Filter Navigator** - The `initiallyCollapsed` prop, which was only accepted by the `filter-navigator.v2`, can now also be configured using `filter-navigator.v3`! Check the [Search Result app documentation](https://vtex.io/docs/components/all/vtex.search-result@3.55.2/).

- **Performance improvements** - We have a significant performance increase for you due to platform changes. The first is related to the [Locale-Switcher](https://vtex.io/docs/components/all/vtex.locale-switcher@0.5.5/). 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**](https://vtex.io/docs/recipes/store-management/enabling-order-form-optimization/).

- **Store Form** - While the Store Form was incredible and wonderful before, the JSON Schema compatibility was restricted to [Master Data v2](https://help.vtex.com/tutorial/master-data-v2--3JJ1mlzuo88w22gO0gy0QS). 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](https://vtex.io/docs/components/all/vtex.store-form@0.3.4/).

- **Outline-color** - The `outline-color` CSS property was added to your theme's `style.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](https://vtex.io/docs/recipes/style/using-css-handles-for-store-customization).

## Bug Fixes :bug:

- **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 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 Toolbelt whenever the theme is linked and duplicate blocks are present.

- **[Sensitive Menu](https://github.com/vtex-apps/menu/pull/91)**: 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. Check out the before and after below.

Previously:

![menu-sensitive-before](https://user-images.githubusercontent.com/52087100/79347405-0cd66880-7f0a-11ea-9511-9f39cb62c819.gif)

Now:

![menu-sensitive-after](https://user-images.githubusercontent.com/52087100/79347935-ad2c8d00-7f0a-11ea-8a3f-91356555709f.gif)

- **[`utm_source` on orderForm](https://github.com/vtex-apps/add-to-cart-button/pull/12)** - The expected behavior is for the Add to Cart button to input the `utm_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](https://github.com/vtex-apps/product-specification-badges/pull/6)** - All the [Specifications Badges](https://vtex.io/docs/app/vtex.product-specification-badges@0.1.0) 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](https://github.com/vtex-apps/store-graphql/pull/451)** - 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.

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-38/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Highlights - Week 38/2019
description: "See what is new in VTEX IO Week 38/2019"
date: "2019-09-27"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-38/README.md"
---

# VTEX IO Highlights - Week 38/2019

Did you ever imagine two VTEX IO Release Notes in one week? **we**. **are**. **on**. **fire** 🔥

Hope you will be able to set some time aside from your busy workweek to catch up with VTEX IO one more time.

Check out our key releases for week 38 of 2019 below:

> :bell: Keep up with VTEX IO release notes! Just click on **Releases only** in the **Watch** box in the right upper corner of this page.

### New features :rocket:

- [Fold block](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-38/fold-block.md) - Can you decide which store's block will be loaded and rendered after the user scroll down? Yes, you can: simply use the Fold block!
- [GraphQL types import](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-38/graphql-types-import.md) - Save your precious time while developing! From now on, easily import GraphQL types from one app to another.
- [Product Customizer component](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-38/product-customizer-component.md) - ~(finally)~ Display product attachments in your product page using the Product Customizer component.

### Improvements :heavy_plus_sign:

- [Sandbox with OrderForm](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-38/sandbox-with-orderform.md) - The user's cart data can now be used in Sandbox components in a fast and simple way.
- [New Toast CSS handle](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-38/new-toast-css-handle.md) - Customize the Toast component with a different style from the rest of the store thanks to the new CSS handle.
- [Toast component redirect](https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-38/toast-component-redirect.md) - Greater control over user browsing is always magical. Use the `BuyButton` and `ProductSummaryBuyButton` new prop and redirect your user to any URL with a simple click on the Toast component.

### Notable bug fixes :bug:

- [Free products on Google Shopping](https://github.com/vtex-apps/store/pull/360) - Products are no longer being displayed as free on Google Shopping since the issue in our structured data that caused this bug was fixed.
- [`i18n` key props](https://github.com/vtex-apps/admin-pages/pull/279) - When editing `i18n` fields, some users were facing an issue with their key props. There were a few scenarios in which the `i18n` key itself was being rendered raw instead of having its value displayed. This PR solves this issue.
- [`__provideRuntime` cache](https://github.com/vtex-apps/admin-pages/pull/280) = The `__provideRuntime` function called the `Messages` service every time changes to a component were performed by the user, such as changing the Shelf title. To improve request responsiveness (previously at ~2s), this PR adds a local cache that returns the messages and avoids making the request whenever possible.

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2020-04/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Release Notes - April 2020
description: "See what is new in VTEX IO for April 2020"
date: "2020-05-20"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2020-04/README.md"
---

# VTEX IO Release Notes - April 2020

The VTEX IO Release Notes is here, team!

Thrilled to announce that this April's Release Notes brings a ton of beautiful releases to enlighten your cloudy days at home.

Let me share an insider's tip with you: *schedule a time of your day to go through it all*... you don't want to get left behind on the **latest key changes on the platform**!

Get a sneak peek at last month's releases:

## Features :rocket:

- [**Overlay Layout app**](https://vtex.io/docs/components/all/vtex.overlay-layout@0.1.2/) - A layout app that provides you blocks to create a dropdown, select or a tooltip component in your store. Sounds amazing and simple... and it actually is!

- [**Condition Layout app**](https://vtex.io/docs/components/all/vtex.condition-layout@1.1.7/) -  You now get to define different layouts for the same page. This one seems like magic but it's not: choose predefined conditions and have the power to decide if a block should be rendered or not.

- [**Seller Selector app**](https://vtex.io/docs/components/all/vtex.seller-selector@0.1.0/) - Marketplace stores will really enjoy from this one: use this app and display the number of [sellers](https://help.vtex.com/tutorial/what-is-a-seller--5FkLvhZ3Few4CWWIuYOK2w) available for each product, enabling users to compare prices and add the desired product to their cart.

- [**Quickorder app**](https://vtex.io/docs/components/all/vtex.quickorder@0.7.2/) - Designed for B2B scenarios, the Quickorder app is here to speed up buying processes by offering tools to process large orders in bulk.

- [**Google Customer Reviews pixel app**](https://vtex.io/docs/components/pixel/vtex.google-customer-reviews@1.0.2/) - A native integration for [Google's service](https://support.google.com/merchants/answer/7124326?hl=en) that collects feedback from customers who’ve made a purchase on your site is now a couple configs away.

- [**Cookiebot pixel app**](https://vtex.io/docs/components/pixel/vtex.cookiebot@2.0.1/) - The native integration for the [Cookiebot solution](https://www.cookiebot.com/) is live. This pixel app is responsible for that handling the privacy and cookie policy for your store.

- [**Iubenda pixel app**](https://vtex.io/docs/components/pixel/vtex.iubenda@0.2.1/) - Three is a charm, isn't it? This pixel provides native integration with the [Iubenda solution](https://www.iubenda.com/en/?utm_source=adwords&utm_medium=ppc&utm_campaign=aw_brand_global_exact&utm_term=iubenda&utm_content=336331123145&gclid=EAIaIQobChMI-ufW1Yid6QIVEYGRCh1zHAmFEAAYASAAEgLP_fD_BwE) that also handles the privacy and cookie policy for your store.

- [**Trustpilot pixel app**](https://vtex.io/docs/components/pixel/vtex.trustpilot@1.0.2/) - Yep, that's right. Fourth pixel app of the evening. This one is for a native integration with the [Trustpilot solution](https://www.trustpilot.com/), responsible for providing your store with review and rating tools.

- [**VTEX Intelligent Search**](https://help.vtex.com/tracks/vtex-intelligent-search--19wrbB7nEQcmwzDPl1l4Cb) - Get to know the VTEX Intelligent Search application for e-commerce. The new solution provides search components and a brand new Search Engine to assist  customers during their purchase journey in VTEX IO stores. Take a look!

## Improvements :heavy_plus_sign:

- **Public app documentation** - Publish an app on the VTEX IO platform and win a public documentation slot in VTEX IO Docs! This functionality is not new, but its communication is: from now on, Toolbelt (version `2.101.0` or higher) will display the public documentation's link each time an app is successfully published!

- **Toolbelt's commands** - The VTEX IO CLI has undergone an improvement: now, every command has its own `--help` flag. When running `vtex {commandName} --help` in the terminal, you can expect the command's documentation to be shown!

- **CSS Handles** - Let's talk about good news related to [CSS Handles](https://vtex.io/docs/recipes/style/using-css-handles-for-store-customization) for the [Rich Text](https://vtex.io/docs/components/all/vtex.rich-text@0.10.0/) (`tableTr`, `tableTh` and `tableTd`), [Drawer](https://vtex.io/docs/components/all/vtex.store-drawer@0.12.1/) (`opened`, `closed` and `moving`) and the Filter Navigator block (`filtersWrapper` and `filtersWrapperMobile` ) from the [Search Results](https://vtex.io/docs/components/all/vtex.search-result@3.59.0/) app.

- **Product Quantity's unit measurements** - The [Product Quantity app](https://vtex.io/docs/components/all/vtex.product-quantity@1.4.1/) now works with different unit measurements... that's right. Previously, the component would only display products by number of `units`. Now, the default for the new component is to always effortlessly display the product's defined measurement unit, such as `kg`.

- **Modal Layout triggering** - No more repeated content: the modal content displayed from the [Modal Layout](https://vtex.io/docs/components/all/vtex.modal-layout@0.4.2/) app can now be triggered just once during the user session thanks to the new `trigger` prop.

- **Aspect Radio on Product Summary Images** - The [Product Summary Image](https://vtex.io/docs/components/all/vtex.product-summary@2.54.1/product-summary-image/) block has two new props (`maxHeight` and `aspectRatio`) that help display your images in a uniform manner, irrespective of their original size.

- **`search-products-progress-bar` block** - The [Search Results](https://vtex.io/docs/components/all/vtex.search-result@3.59.0/) app now has a new block called`search-products-progress-bar`, which is responsible for displaying a progress bar indicating the total amount of products fetched in the search comparing to the amount being displayed on the page.

- **Sandbox URL** - When using a [Sandbox](https://vtex.io/docs/components/all/vtex.sandbox@0.5.0/) component, it is now possible to open a URL in the same browser tab in which you are navigating.

*Still with us? I hope so, my friend, because our team wasn't fooling around in April...*

- **`back-to-top-button` block** - Brand new [`back-to-top-button`](https://vtex.io/docs/components/all/vtex.store-components@3.114.6/backtotopbutton/) block from the Store Components app redirects users to the top of the page when clicked on.

- **Query strings in the Store Link's URLs** - Say hello to query string attributes in the [Store Link](https://vtex.io/docs/components/all/vtex.store-link@0.5.1/) blocks! These are now allowed in the URLs used by the component.

- **Event Configurations** - In the [Release Notes for March](https://vtex.io/docs/releases/2020-03/README/), we announced that the Configurations builder allows you to [develop service configuration apps](https://vtex.io/docs/recipes/development/developing-service-configuration-apps/) mainly through routes. Now, the Builder also works with events, which means that you can use the last one to add configurations in your service app.

- **`product-spot-price` block** - The [Product Prices app](https://vtex.io/docs/components/all/vtex.product-price@1.3.0/) just got lucky and gained a new block responsible for rendering the product spot price (the `product-spot-price`) if this price differs from the product selling price.

- **Infocard markdown texts** - Good news: [Infocard block](https://vtex.io/docs/components/all/vtex.store-components@3.114.6/infocard/) has a new prop called `textMode` that supports markdown texts in bold and italic!

- **Infocard links** - Another one for the [Infocard](https://vtex.io/docs/components/all/vtex.store-components@3.114.6/infocard/): the new props `callToActionLinkTarget` and `linkTarget` allow you to control whether the block's links will redirect users to a new browser page or not.

## Removals :no_entry:

- **`vtex install` command** - The `vtex install` command underwent changes to improve the installation flow of apps: now, whenever both version's major and minor have been defined through the command, you'll need to also define the desired patch, meaning that commands such as `vtex install vtex.render-server@8.0.x` won't be able to install the app. To know more about how to properly install an app using Toolbelt, check out our documentation on [installing an app](https://vtex.io/docs/recipes/development/installing-an-app/).

## Notable bug fixes :bug:

- [**Mobile Filter Navigator**](https://github.com/vtex-apps/search-result/pull/334) - A 'close' button was missing by mobile users in the `filter-navigator` block . Now, that button is present once again and users are able to apply or clear filters and finally close the filters window.

- [**Quantity Selector on Shelf**](https://github.com/vtex-apps/product-quantity/pull/13) - The Quantity Selector from the [Product Quantity app](https://vtex.io/docs/components/all/vtex.product-quantity@1.4.1/) was not working when displayed on a Shelf. Although users were choosing a desired quantity for a certain product, this was not being reflected in the Minicart. Now, everything is working as it should.

## Praises :sparkles:

We would not be able to deliver so many amazing results during this last month if it were not for the following outstanding contributors:

- [BeatrizMiranda](https://github.com/BeatrizMiranda)
- [felipeireslan](https://github.com/felipeireslan)
- [leoWorkingGood](https://github.com/leoWorkingGood)
- [Lucasayb](https://github.com/lucasayb)
- [marcosewbank](https://github.com/marcosewbank)
- [rayra-alencar](https://github.com/rayra-alencar)

Thank you, team! :muscle:

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2019-week-47-48-49-50-51/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Release Notes - December 2019
description: "See what is new in VTEX IO December 2019"
date: "2019-12-19"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2019-week-47-48-49-50-51/README.md"
---

# VTEX IO Release Notes - December 2019

You better watch out, you better not cry, you better not pout and I'm telling you why: **Release Notes** (once again) **is coming to town**!

Given the holiday's never ending glee (and the 117 Fahrenheit if you're in Brazil :sun_with_face:) that December bestows upon us all, the **Christmasy Release Notes** comes in an exclusive format this last month of the year, bringing the best and latest of the past few weeks.

You can call me Santa Claus 'cause once you've read everything you'll feel like you've just found a Christmas tree loaded with **goodies** :christmas_tree: There are so many amazing releases bundled together that I bet you'll go through them as fast as **2019** went by...

### New features :rocket:

- [Reviews and Ratings](https://vtex.io/docs/releases/2019-week-47-48-49-50-51/reviews-and-ratings) - Finally! A product review and rating solution to call our own!!! Say goodbye to the old third-party solution you were using and cast your eyes on this new release.
- [Publish command](https://vtex.io/docs/releases/2019-week-47-48-49-50-51/publish-command) - If you take a deep breath, you can catch a whiff the A/B tests in the air. That’s because the Publish command from 01/02/2020 on will change its functionality and more steps will be added to the process of publishing an app on the platform. Everything to say goodbye to potential instabilities and to foster a culture of tests among our beloved devs.
- [Challenge Trade Policy Condition](https://vtex.io/docs/releases/2019-week-47-48-49-50-51/challenge-trade-policy-condition) - This release was so necessary that you don't even have to be into B2B to rejoice with us: now, you can establish conditional rules to determine whether a user can or cannot access the content of a given trade policy.
- [Blocks on Site Editor](https://vtex.io/docs/releases/2019-week-47-48-49-50-51/blocks-on-site-editor) - We won't deny it... we love it when the Site Editor has a new release. This one's amazing: three more of your store's components can be edited using the Site Editor's admin: Search Bar placeholder, Minicart Icon Label and Product Description title.

### Deprecation :x:

- [Declaring blocks stemming from indirect dependencies](https://vtex.io/docs/releases/2019-12-12/declaring-blocks-stemming-from-indirect-dependencies) - This one was already released and announced, but it's worth letting the crew know once more: Store Builder now requires all blocks that are used in the construction of a store's theme to be defined by the app's direct dependencies, meaning that declaring blocks stemming from indirect dependencies is no longer allowed.

### Improvements :heavy_plus_sign:

- [SKU Selector](https://vtex.io/docs/releases/2019-week-47-48-49-50-51/sku-selector) - Retailers always want power and control over their blocks. Not that I'm judging them, since they're more than right to want as much flexibility as possible for their stores. Therefore, meeting demand, new SKU Selector props (`initialSelection` and `displayMode`) are now here to get rid of block rigidity.
- [Minicart](https://vtex.io/docs/releases/2019-week-47-48-49-50-51/minicart) - If there is one thing that a store can always improve upon, it's user experience. The new Minicart `openOnHover` prop is here to make that point.
- [CSS Handles](https://vtex.io/docs/releases/2019-week-47-48-49-50-51/css-handles) - We get a fuzzy feeling inside whenever a CSS Handles release is nearby! Have a look at our blocks that gained new Handles and are ready to be fully customized: Menu, Flexible Search Result and Product Price.

### Notable bug fixes :bug:

- [Brands on Product Related Shelf](https://github.com/vtex-apps/shelf/pull/199) - The Product Related Shelf product brands were not rendered in the same way as the classic Shelf products. This fix removed this Brand ID preference. Product brand now appear on Product Related Shelves as well, without being discriminated against.
- [Active thumbnail on Product Image](https://github.com/vtex-apps/store-components/pull/641) - The CSS Handle `active`, responsible for customizing thumbnails of images that were selected in the Product Details Page, was ignoring the thumbnail selection. Oh my dear `active`, you had but one job to do! The Handle was only keeping the configured customization for the first image on the list, even if users had selected another image. This has come to an end and the customization now respects the user's power of choice. Hoo-rah!
- [Filter clearing on Mobile](https://github.com/vtex-apps/search-result/pull/283) - What purpose does the `Clear` button serve on a Filter? Clearing all the applied filters, right? But it seemed that `Clear` was the only one not understanding that. The button didn't clear anything, leaving users with the same active filters as before. With this bug fix, the `Clear` button now does what it was meant to do.
- [Filter Sidebar on Mobile](https://github.com/vtex-apps/search-result/pull/282) - When choosing the desired filters for mobile and clicking on `Apply`, the sidebar remained open without serving any purpose to users. If there was bug to be fixed there, it seems it had to do with the mobile Filter. It's now perfect for use: the sidebar's behavior was remedied and it's now closing as expected after clicking on `apply`.
- [Bazaar Voice](https://github.com/vtex-apps/bazaarvoice/pull/24) - Previously, the Bazaar Voice was failing to properly function for the `trackTransaction` event. This led to prices not being sent correctly and to lack of visibility for retailers. How very sad! Everything's back to blossoming for the Bazaar Voice review and sent prices.

---

Words cannot express how glad we are to have you with us on this journey!
Here's to next year and to the incredible releases that awaity :beers:

**Happy Holidays!**

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of release-notes/docs/2020-11-12/README.md from the release-notes VTEX app.

[Assistant]
Here's the implementation:

```markdown
---
title: VTEX IO Release Notes - November&December 2020
description: "See what is new in VTEX IO for November&December 2020"
date: "2021-01-15"
git: "https://github.com/vtex-apps/release-notes/blob/master/docs/2020-11-12/README.md"
---

# VTEX IO Release Notes - November&December 2020

Weep no more, team: here we (*finally*) are :tada:

Let's make room for the VTEX IO Release Notes, this time around bringing you double the excitement from last November and December!

If 2020 made us shed some tears, our VTEX IO team worked around the clock to bring a smile back on our faces :grin: Just look at the awesome stuff they've delivered as last year came to an end:

- 🚀 Condition Layout v2
- ➕ Importing private CSS Classes
- ⚠ Unannotated queries requested as public
- 🐛 Search results with special characters

And unlike 2020, things are looking up, okay? In addition to the tremendous deliveries the team had, we also have a **special announcement** regarding IO Docs and the **migration of our documentation to the Developer Portal**.

Believe me when I say it... you can't sit this one out! Without further ado, introducing the one and only VTEX IO Release Notes:

## Special announcement :speaker:

- **New home for the VTEX IO documentation**

Officially housing VTEX IO documentation since September, 2019, IO Docs was the successful result of VTEX's effort to create a more in-depth and narrowly focused documentation.

With almost a year gone by, it's time to say goodbye: to better take advantage of existing and future VTEX IO documentation and to leverage the development experience of our users, **VTEX IO documentation will henceforth be stored on our [Developer Portal](https://developers.vtex.com/), starting today (January 15, 2021)!**

> :information_source: *All existing documentation will be redirected and automatically migrated to the new platform. No existing link will be lost during this process.*

![Developers-portal](https://user-images.githubusercontent.com/52087100/104730187-59a8d300-5718-11eb-82a8-127a0cb6b6bb.png)

Home to our [API documentation](https://developers.vtex.com/reference) and [guides](https://developers.vtex.com/docs) aimed at developers working with integrations and customization, the [**Developer Portal**](https://developers.vtex.com/) - formerly known as Help Center Developer Docs - offers all the necessary resources for VTEX's most advanced users in a single place.

Such changes to the VTEX IO documentation mean a lot more than just content redistribution, trust me: they will ensure a **better and greater support for VTEX IO users** and their specific objectives on our platform.

As to the future of our beloved Release Notes, don't worry: in addition to the [Developer Newsletter](https://forms.gle/DHo3SS7ZaGCvAMow8) bringing you all the essential updates on platform changes, the Developer Portal also has its own Release Notes section:

![portal-release-notes](https://user-images.githubusercontent.com/52087100/104730194-5b729680-5718-11eb-89d6-3c61ad4d8d98.png)

Nothing but the address will change, I promise! Everything else stays the same, with the same high-quality impactful content, working together as always, but now housed in a place that can fully encourage our potential :sparkles:

## Features 🚀

- **Condition Layout v2** - What is better than the Condition Layout v1? Its second and most optimized version, of course! Welcome the Condition Layout v2, bringing you features such as verification by product specification value and product availability. Learn more about the new version by checking out the new [documentation](https://vtex.io/docs/components/all/vtex.condition-layout/) and the specially-prepared [migration guide](https://github.com/vtex-apps/condition-layout/blob/master/docs/MIGRATION-GUIDE.md)!

- **Native integration between the Subscription module and the front-end** - Forget the messy old days when you had to develop a custom app to manage subscriptions on the front-end! The Product Customizer app is now natively compatible with the [Subscription module](https://help.vtex.com/en/tutorial/how-subscription-works--frequentlyAskedQuestions_4453), meaning you are now able to edit the name and the frequency of a product subscription through the store component in the product details page. Access the [Product Customizer app documentation](https://vtex.io/docs/components/all/vtex.product-customizer/) now to get more details of this new feature!

![subscription-gif](https://user-images.githubusercontent.com/52087100/104729869-d8e9d700-5717-11eb-8ba4-24ee2c9d226f.gif)

- **The `product-reference` block** - Let's greet the new `product-reference`, exported by the Product List app! The block is responsible for rendering product reference data onto components that leverage from its app, such as the [Minicart](https://vtex.io/docs/components/all/vtex.minicart/). Do we have your attention? Do not forget to cast your eyes on the [documentation](https://vtex.io/docs/components/all/vtex.product-list/) for more details!

 - **Google Customer Review badge** - The Google Customer Reviews pixel app now counts on a new component to enrich your store's front-end: we're talking about the `google-customer-review-badge` block, which renders the Google Customer Review icon to the UI! Check out the [docs](https://vtex.io/docs/components/pixel/vtex.google-customer-reviews/) to better understand how to set it up!

- **Enabling automatic translation in the Messages app** - Safely and quickly enable or disable automatic Messages app translations directly from your VTEX admin account, as highlighted in the screen grab below! But please note: the toggle only defines the configuration for automatic translations, not for manual ones. If you need more info, access the recipe on [Disabling automatic translation](https://vtex.io/docs/recipes/store-management/disabling-automatic-translation/)!

![image (10)](https://user-images.githubusercontent.com/52087100/104200375-586d6280-5407-11eb-8016-199f5e8f2d3e.png)

## Improvements ➕

- **Importing private CSS Classes** - Avoid external editions and customize your store components using private CSS classes i.e. classes whose name contains a hash (unique identifier) instead of the traditional `vendor-app-major-x-classname` format that is generated when importing. For more info on how to import CSS classes (private or public, as we call the ones with the traditional format), access our documentation on [Defining styles](https://vtex.io/docs/getting-started/desenvolva-componentes-usando-vtex-io-e-react/5/)!

- **Dynamic routes customization on CMS** -  Customizing dynamic routes can now be done through the admin's CMS, thanks to a wonderful new update to the [Pages GraphQL](https://github.com/vtex/pages-graphql/releases/tag/v2.103.0). For more on the possibilities of this customization, access this [documentation](https://vtex.io/docs/recipes/templates/associating-a-custom-page-to-a-content-type/)!

- **Catalog translation by variable** - Translating a store's catalog can be done in the blink of an eye thanks to this improvement which makes it possible to translate the desired catalog data simply by filling in the specific variables in the object of the GraphQL API. Previous translations were only enabled when all the object's variables were filled in. Caught your attention? Have a closer at our documentation on [catalog internationalization](https://vtex.io/docs/recipes/store-management/translating-catalog-content)!

 - **Placeholders on the Store Form component** - Thanks to the new `placeholder` prop, added to the `form-input.textarea` block, the [Store Form](https://vtex.io/docs/components/content-blocks/vtex.store-form/) component now accepts placeholders for text inputs, meaning that from now on you can add descriptions as well as other desired instructions to the form's text fields.

![store-form-placeholder](https://user-images.githubusercontent.com/52087100/104729867-d8514080-5717-11eb-987f-2da843747586.png)

- **Link building in the product brand's name** -  A new prop has arrived for the [`product-brand` block](https://vtex.io/docs/components/all/vtex.store-components/product-brand) from the [Store Components app](https://vtex.io/docs/app/vtex.store-components/): the `withLink`! Replacing the former `logoWithLink` prop, the new one is here to help you create links for the product brand's website based on text strings or image icons.

![brand-name-with-link](https://user-images.githubusercontent.com/52087100/104729860-d4bdb980-5717-11eb-8ebd-48a12fb8fc90.png)

*take a deep breath, we're half way through already... it's been two whole months! There's a lot where that came from! Check it out:*

- **Multiple gallery layouts** - Having multiple layout configurations for your search results page may sound impossible, but thanks to the Search Result's `gallery-layout-switcher` and `gallery-layout-option` new blocks, it is not! To learn how to customize the page, check out the [Building a search results page with multiple layouts recipe](https://vtex.io/docs/recipes/templates/building-a-search-results-page-with-multiple-layouts/)!

![multiple-layouts](https://user-images.githubusercontent.com/52087100/104729865-d7b8aa00-5717-11eb-9035-2d8295586c00.png)

-  **Multiple seller compatibility** - The [Add To Cart Button](https://vtex.io/docs/components/all/vtex.add-to-cart-button/), [Buy Button](https://vtex.io/docs/components/all/vtex.store-components/buy-button) and [Product Price](https://vtex.io/docs/components/all/vtex.store-components/product-price) now use as their default behavior the first *available* seller's data, meaning they are able to work with multiple seller data. Previously, the components only worked with the first seller's data, regardless of their availability and ignoring the rest of the seller list - tricky, wasn't it? now, this is what our team calls an improvement!

- **Product image placeholder** - From now on, set a default image as placeholder for your store products thanks to the new `placeholder` prop, available for the [`product-images`](https://vtex.io/docs/components/product/vtex.store-components/product-images/) and [`product-summary-image`](https://vtex.io/docs/components/all/vtex.product-summary/product-summary-image) blocks, respectively from the [Store Components](https://vtex.io/docs/app/vtex.store-components/) and the [Product Summary](https://vtex.io/docs/components/all/vtex.product-summary/) apps.

- **Product list identification on Google Analytics** - Thanks to the new  `listName` prop added to the [`product-summary-list` block](https://vtex.io/docs/components/all/vtex.product-summary/product-summary-list/), part of the [Product Summary](https://vtex.io/docs/components/all/vtex.product-summary/), and  additional improvements made to the [Tag Manager](https://vtex.io/docs/components/all/vtex.google-tag-manager/)'s `productClick` event, you can now identify which store shelf users interacted with. No more misleading results for the poor Analytics!

- **Close drawer on the UI** - A new `text` prop was added to the `drawer-close-button` block, part of the [Drawer app](https://vtex.io/docs/components/all/vtex.store-drawer/), responsible for closing components on the UI. Thanks to it, you can now close the Drawer using a text button, instead of the traditional  `X` icon.

- **The `promoView` and `promotionClick` events** - New events for the [Google Tag Manager pixel app](https://vtex.io/docs/components/all/vtex.google-tag-manager/). Best of all? They all follow the official google enhanced commerce format! Please welcome the [`promoView`](https://developers.google.com/tag-manager/enhanced-ecommerce#promo-impressions) and the [`promotionClick`](https://developers.google.com/tag-manager/enhanced-ecommerce#promo-clicks) events, responsible for displaying a store's promotion impressions.

![events-promotions](https://user-images.githubusercontent.com/52087100/104729864-d7201380-5717-11eb-857d-ec3a2e7a7748.png)

## Warnings ⚠

- **Unannotated queries requested as public**

The fallback cache option for GraphQL queries that didn't have an annotation on cache policy (`@cacheControl`) has changed from the **default public scope to the private** instead, in order to solve an internal issue on the platform.

Although it does not affect functionality, this can impact the store front's performance due to changes to the queries essence, since all unannotated that were being requested as public are now automatically coming in as private.

Our team advises developers that have created custom VTEX IO GraphQL services to closely review their schemas and, if necessary, add the `@cacheControl(scope: PUBLIC)` directive for the unannotated queries. This [Pull Request](https://github.com/vtex-apps/store-graphql/pull/516) should illustrate how to code the workaround solution.

## Bug fixes 🐛

- [**Displaying modals according to URL changes**](https://github.com/vtex-apps/modal-layout/pull/43) - Previously, modals were not automatically closed according to changes in the URL, meaning that they were kept open regardless of the user's navigation. The question is: was it the best behavior our component could have for our users? We all know the answer to that, so it is time to celebrate: this behavior was fixed and modals are now automatically closed whenever changes to the URL occur.

- [**Empty-label validation on Tab Layout**](https://github.com/vtex-apps/tab-layout/pull/16) - Still thinking of enhancing user experience, the Tab Layout app will from now on only display tabs (i.e. the `tab-list.item` blocks) whose `label` props has been properly filled out. In practice, it is safe to say that it is the end of empty tabs being displayed on the UI! Cheers to that!

- [**Product ordering in the `productImpression` event**](https://github.com/vtex-apps/product-list-context/pull/10) - The `position` field, part of the `productImpression` events, was not being properly filled out with the real positioning of listed products. An accurate ordering is now taken into account by our Product Context and this bug is (praise the Lord) fixed!

- [**Search results with special characters**](https://github.com/vtex-apps/store-graphql/pull/503) - Forget about the times when no results were fetched for searches with special characters: due to this magical fix, the Search Result's search bar is more cooperative, meaning that results are now properly displayed regardless of the special characters used to fetch them.

- **`productImpression`'s threshold** - The Google Tag Manager's `productImpression` event was only triggered when 75% or more of the Product Summary component was displayed. This type of threshold for sending data resulted in misleading results to the GTM, since Product Summaries are usually displayed as carrousels of many products and slides. With this bug fix, the `productImpression` event no longer has a threshold, being sent out as soon as the Product Summary is visible on the UI.

## Praises ✨

We would not be able to deliver so many amazing results during these last two months if it were not for the following outstanding contributors:

- [Wesly Souza](https://github.com/weslybrandao) *from ACCT*
- [Gustavo Vasconcellos](https://github.com/gustavopvasconcellos) *from ACCT*
- [Lucas Castro](https://github.com/LucasCastroAcctGlobal) *from ACCT*
- [Matheus Araujo](https://github.com/MatheusR42) *from Corebiz*
- [Renan Guerra](https://github.com/renanguerraa1) *from ACCT*
- [Luiz Eduardo](https://github.com/LEduard0)
- [Pmarignan](https://github.com/pmarignan)

Thank you, team :muscle:

```