Docs/update links (#1084)

carolinamenezes · web-flow · commit 5fe63285a2db · 2023-04-17T11:39:53.000-03:00
#### What problem is this solving? Update docs links. #### How to test it?  [Workspace](Link goes here!) #### Screenshots or example usage:  #### Describe alternatives you've considered, if any.  #### Related to / Depends on  #### How does this PR make you feel? [:link:](http://giphy.com/)  ![](put .gif link here - can be found under "advanced" on giphy)
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Fixed
+- Update readme links.
+
 ## [3.167.0] - 2023-03-28
 
 ### Added
diff --git a/docs/Image.md b/docs/Image.md
@@ -51,7 +51,7 @@ The `image` block renders images in the storefront.
 
 ## Customization
 
-To apply CSS customizations in this and other blocks, follow the [Using CSS handles for store customization](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-using-css-handles-for-store-customization) guide.
+To apply CSS customizations in this and other blocks, follow the [Using CSS handles for store customization](https://developers.vtex.com/docs/guides/vtex-io-documentation-using-css-handles-for-store-customization) guide.
 
 | CSS Handles |
 | --- |
diff --git a/docs/InfoCard.md b/docs/InfoCard.md
@@ -6,6 +6,7 @@ The `info-card` component groups information related to a single topic. They oft
 
 ![image](https://user-images.githubusercontent.com/284515/70229574-4239a100-1735-11ea-9e30-00b286e03f7c.png)
 
+
 ## Configuration
 
 1. Import the `vtex.store-components` app to your theme's dependencies in the `manifest.json` file, as in the following example:
@@ -92,7 +93,7 @@ These values are the same ones supported by HTML5 anchor tags. For more informat
 
 ## Customization
 
-To apply CSS customizations in this and other blocks, follow the [Using CSS handles for store customization](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-using-css-handles-for-store-customization) guide.
+To apply CSS customizations in this and other blocks, follow the [Using CSS handles for store customization](https://developers.vtex.com/docs/guides/vtex-io-documentation-using-css-handles-for-store-customization) guide.
 
 | CSS Handles |
 | ---------- |
diff --git a/docs/ProductImages.md b/docs/ProductImages.md
@@ -50,9 +50,9 @@ The `product-images` block is responsible for rendering a product image or video
 | `contentType` | `enum` | Controls the type of content that will be displayed in the block. Possible values are: `images`, `videos`, or `all`. | `all` |
 | `displayMode` | `enum` | Defines how the product media should be displayed. Possible values are `carousel` (displays the product images and videos in a carousel), `list` (displays only the product images inline, with no extra markup) and `first-image` (displays only the first image available). *Caution*: The `list` and `first-image` values do not display product videos and are only compatible with the `maxHeight`, `hiddenImages`, `zoomFactor`, `aspectRatio`,`ModalZoomElement`, and `zoomMode` props. | `carousel` |
 | `displayThumbnailsArrows` | `boolean` | Displays navigation arrows on the thumbnails media (if there are enough thumbnails for them to scroll)              | `false`       |
-| `hiddenImages`       | `string`  | Hides images whose labels match the values listed in this prop. Intended to be used along with the `product-summary-sku-selector` block. You can have more information at the [SKU Selector](https://developers.vtex.com/vtex-developer-docs/docs/vtex-store-components-skuselector) documentation | `skuvariation` |
+| `hiddenImages`       | `string`  | Hides images whose labels match the values listed in this prop. Intended to be used along with the `product-summary-sku-selector` block. You can have more information at the [SKU Selector](https://developers.vtex.com/docs/apps/vtex.store-components/skuselector) documentation | `skuvariation` |
 | `maxHeight`             | `number`                                   | Maximum height for individual product images (in pixels). | `600`          |
-| `ModalZoom` | `block` | Opens a modal for product image zooming. This prop's value must match the name of the block responsible for triggering the modal containing the product image for zooming (e.g. `modal-layout` from [Modal layout](https://developers.vtex.com/vtex-developer-docs/docs/vtex-modal-layout) app). Notice that the `ModalZoom` prop will work only if the `zoomMode` prop is set as `open-modal`. To learn more, check out the [Advanced Configuration section](#Advanced-Configuration). | `undefined` |
+| `ModalZoom` | `block` | Opens a modal for product image zooming. This prop's value must match the name of the block responsible for triggering the modal containing the product image for zooming (e.g. `modal-layout` from [Modal layout](https://developers.vtex.com/docs/apps/vtex.modal-layout) app). Notice that the `ModalZoom` prop will work only if the `zoomMode` prop is set as `open-modal`. To learn more, check out the [Advanced Configuration section](#Advanced-Configuration). | `undefined` |
 | `placeholder` | `string` | Sets the URL for a placeholder image to be used in case there is no available image or video of the product. | `undefined`       |
 | `position`                | `Enum`    | Set the position of the thumbnails (`left` or `right`). Only used when `thumbnailsOrientation` is `vertical` | `left`        |
 | `showNavigationArrows`             | `boolean`                                   | Controls if the navigation arrows should appear | `true`          |
@@ -106,7 +106,7 @@ Check out the following example:
 }
 ```
 
-Notice that the `product-images.high-quality-image` block must be declared as a child of `modal-layout` and, in addition to that, you can also declare other blocks exported by the [Modal Layout app](https://developers.vtex.com/vtex-developer-docs/docs/vtex-modal-layout) as children.
+Notice that the `product-images.high-quality-image` block must be declared as a child of `modal-layout` and, in addition to that, you can also declare other blocks exported by the [Modal Layout app](https://developers.vtex.com/docs/apps/vtex.modal-layout) as children.
 
 The following table shows the props allowed by `product-images.high-quality-image`:
 
@@ -121,7 +121,7 @@ The following table shows the props allowed by `product-images.high-quality-imag
 
 ## Customization
 
-To apply CSS customizations in this and other blocks, follow the [Using CSS handles for store customization](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-using-css-handles-for-store-customization) guide.
+To apply CSS customizations in this and other blocks, follow the [Using CSS handles for store customization](https://developers.vtex.com/docs/guides/vtex-io-documentation-using-css-handles-for-store-customization) guide.
 
 | CSS Handles |
 | --- |
diff --git a/docs/SKUSelector.md b/docs/SKUSelector.md
@@ -60,7 +60,7 @@ The `sku-selector` block is mainly used in Product Details Pages (PDPs) to displ
 | `sliderItemsPerPage` | `object` | Controls how many slides should be shown on each type of device when `displayMode` is set as `slider`. Check out more information regarding this prop structure below this table. | `{desktop: 3, tablet: 2, phone: 1}` |
 | `showVariationsErrorMessage`  | `boolean` | Whether an error message should be displayed whenever the `BuyButton` is clicked on but no available variation was selected (`true`) or not (`false`). | `true` |
 | `showVariationsLabels` | `enum`   | Where variation names should be displayed. Possible values are: `none` (doesn't display the variation names. Replaces the previous `false` behavior), `variation` (shows the variation name as a header of the items. Replaces the previous `true` behavior), `itemValue` (displays the variation name before with each item's value) and `variationAndItemValue` (behaves as `variation` and `itemValue` at the same time).    | `variation` |
-| `thumbnailImage` | `string`  | First image to be displayed. This prop value must be the same text string defined in the desired product image's `imageLabel` field (from the Catalog module). If you use this prop and no image declaring the same text string in its `imageLabel` field is found, any product image will be randomly rendered instead. To apply the `thumbnailImage` configuration, see the [Configuring custom images for the SKU Selector documentation](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-configuring-custom-images-for-the-sku-selector) | `undefined` |
+| `thumbnailImage` | `string`  | First image to be displayed. This prop value must be the same text string defined in the desired product image's `imageLabel` field (from the Catalog module). If you use this prop and no image declaring the same text string in its `imageLabel` field is found, any product image will be randomly rendered instead. To apply the `thumbnailImage` configuration, see the [Configuring custom images for the SKU Selector documentation](https://developers.vtex.com/docs/guides/vtex-io-documentation-configuring-custom-images-for-the-sku-selector) | `undefined` |
 | `variationsSpacing`  | `number` | Defines the `margin-bottom` size to be applied in the rendered product variations. Possible values are from `0` to `11` (the prop value is not in `px`, every value represents a tachyons class). | `7`   |
 | `visibility`  | `enum`  | Defines the scenarios in which the SKU selector should be displayed. Possible values are: `always` (it will always be displayed even if the product has only one SKU option) or `more-than-one` (the SKU Selector is only displayed when the product has more than one SKU option).  | `always` |
 | `visibleVariations`  | `array` | Specifies which product variations should be displayed in the product details page. Notice the following: if you declare a name that doesn't represent a real product variation or an empty array, no variations will be displayed. Check out more information regarding this prop structure below this table. | `undefined` |
@@ -81,7 +81,7 @@ The `sku-selector` block is mainly used in Product Details Pages (PDPs) to displ
 
 ## Customization
 
-To apply CSS customizations in this and other blocks, follow the [Using CSS handles for store customization](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-using-css-handles-for-store-customization) guide.
+To apply CSS customizations in this and other blocks, follow the [Using CSS handles for store customization](https://developers.vtex.com/docs/guides/vtex-io-documentation-using-css-handles-for-store-customization) guide.
 
 | CSS Handles                     |
 | ------------------------------- |
diff --git a/docs/SearchBar.md b/docs/SearchBar.md
@@ -16,7 +16,7 @@ The `search-bar` component shows a search bar with autocomplete options and disp
   }
  ```
   
-2. Add the `search-bar` block into the [`header`](https://developers.vtex.com/vtex-developer-docs/docs/vtex-store-header/) component. For example:
+2. Add the `search-bar` block into the [`header`](https://developers.vtex.com/docs/apps/vtex.store-header) component. For example:
 
 ```diff
   "header.full": {
@@ -68,15 +68,15 @@ The `search-bar` component shows a search bar with autocomplete options and disp
 | `search-button` | `'search-button'` | ![search-button-empty](https://user-images.githubusercontent.com/12702016/74764929-65b6b700-5261-11ea-815c-ecc9f0c44e0f.png)            | ![search-button-filled](https://user-images.githubusercontent.com/12702016/74764934-66e7e400-5261-11ea-8a86-59da9a1c0faa.png)            |
 
 ## Using SearchBar with Intelligent Search
-To improve the search experience usign the SearchBar component, such as the autocomplete option, you must use the component within [Search app](https://developers.vtex.com/vtex-developer-docs/docs/vtex-search) responsible for handling the [Intelligent Search (IS)](https://help.vtex.com/tracks/vtex-intelligent-search?_ga=2.220970832.979717665.1650285782-1001456323.1619912759) solution in IO stores.
+To improve the search experience usign the SearchBar component, such as the autocomplete option, you must use the component within [Search app](https://developers.vtex.com/docs/apps/vtex.search) responsible for handling the [Intelligent Search (IS)](https://help.vtex.com/tracks/vtex-intelligent-search?_ga=2.220970832.979717665.1650285782-1001456323.1619912759) solution in IO stores.
 
 The IS communicates with the `autocomplete-result-list.v2` block exported by the Search app, and the block displays previous search results based on current and previous searches.
 
-Follow the [Search documentation](https://developers.vtex.com/vtex-developer-docs/docs/vtex-search) to add the Search app to your store.
+Follow the [Search documentation](https://developers.vtex.com/docs/apps/vtex.search) to add the Search app to your store.
 
 ## Customization
 
-To apply CSS customizations in this and other blocks, follow the [Using CSS handles for store customization](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-using-css-handles-for-store-customization) guide.
+To apply CSS customizations in this and other blocks, follow the [Using CSS handles for store customization](https://developers.vtex.com/docs/guides/vtex-io-documentation-using-css-handles-for-store-customization) guide.
 
 | CSS Handles                       | 
 | --------------------------------  | 
