# Recently Viewed Products

1. From your Shopify admin, go to **Online Store** -> **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Products** from the dropdown window.
4. Click **Recently Viewed Products.**

| Setting                                    | Description                                                                                                                                                |
| ------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Show Product Block                         | Show/Hide the section                                                                                                                                      |
| Layout                                     | Select the width layout of the section to be either default to the body's width, 1170px, 1770px or full screen width.                                      |
| Padding Container Full Width               | Determine the spacing of the left and right sides if the layout 'fullwidth' is selected.                                                                   |
| Enable Border Top                          | Enable to show top border of the section                                                                                                                   |
| Enable Border Bottom                       | Enable to show the bottom border of the section if the Banner Block has been added.                                                                        |
| Border Color                               | Set the color of the border of the section.                                                                                                                |
| Border Layout                              | <p>Select the width style of the border.<br>Custom Width: the border width is the same as the section width.<br>Full: the border width is full screen.</p> |
| Spacing top - Desktop / Tablet / Mobile    | Determine the spacing of the section from the top on Desktop, Tablet and Mobile.                                                                           |
| Spacing bottom - Desktop / Tablet / Mobile | Determine the spacing of the section from the bottom on Desktop, Tablet and Mobile.                                                                        |
| Layout                                     | Select the layout for the items of the produ t block to be either Grid or Slider                                                                           |
| Background Color                           | Set the background color for the section.                                                                                                                  |
| Background Gradient                        | Set the background gradient for the section                                                                                                                |
| Title                                      | Enter the title for the section.                                                                                                                           |
| Enable Title Border?                       | Turn on the title border.                                                                                                                                  |
| Title Spacing Top                          | Determine the spacing of the bottom from the top.                                                                                                          |
| Title Margin Bottom                        | Determine the spacing of the title from the bottom.                                                                                                        |
| Title Font Size                            | Determine the font size of the section title on Desktop ranging from 10px to 50px.                                                                         |
| Title Font Size Mobile                     | Determine the font size of the section title on Mobile ranging from 10px to 50px.                                                                          |
| Border Color                               | Set the color for the title border (line through or underline)                                                                                             |
| Title Color                                | Set the title color for the section.                                                                                                                       |
| View all                                   | Enter the text for the view all link                                                                                                                       |
| View All Alignment                         | Align the view all link to the left, the right or center of the section.                                                                                   |
| View All Font Weight                       | Select the font weight for the view all link.                                                                                                              |
| View All Margin Top                        | Determine the spacing of the view all from the top.                                                                                                        |
| View All Margin Bottom                     | Determine the spacing of the view all from the bottom.                                                                                                     |
| View All Margin Bottom Mobile              | Determine the spacing of the view all from the bottom on Mobile.                                                                                           |
| Enable View All Border?                    | Underline the view all link                                                                                                                                |
| View All Link                              | Specify the URL for the view all to redirect to                                                                                                            |
| View All Color                             | Set the color for the view all link                                                                                                                        |
| Alignment                                  | Align title, description and view all to the left, right or center of the section.                                                                         |
| Maximum Products to Show                   | Limit the number of products to show                                                                                                                       |
| Adapt to Image                             | Select the image ratio to show on product cards.                                                                                                           |
| Grid Gap                                   | Determine the gap between products                                                                                                                         |

### Settings for Grid Layout

| Setting               | Description                                                |
| --------------------- | ---------------------------------------------------------- |
| Products Per Row      | Select the number of products to show per row of the grid. |
| Show Swipe on Mobile? | Grid layout will act as a slider on mobile.                |

### Settings for Slider Layout

| Setting                                    | Description                                                                    |
| ------------------------------------------ | ------------------------------------------------------------------------------ |
| Show Dots                                  | Toggle to show the dots for the slider.                                        |
| Turn dots into bars                        | The dots are replaced with bars.                                               |
| Show Arrows                                | Toggle to enable the navigation arrows.                                        |
| Position Horizontal Arrow - (Unit % or px) | Fill in the desired horizontal position for the arrows relative to its slider. |
| Products Per Row                           | Select the number of products to show per row.                                 |

### Layout Special Card

| Setting          | Description                                                                                                                                                                  |
| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Enable Special   | Enable to show the special layout on product cards.                                                                                                                          |
| Background Color | Set the background color for the product card.                                                                                                                               |
| Padding          | Determine the padding of the product card.                                                                                                                                   |
| Border Radius    | Round the corners of the product cards.                                                                                                                                      |
| Border Layout    | <p>Select the border layout for the cards. <br>Border Full: The border will cover the card in all sides.<br>Border Bottom: The border will cover the bottom of the card.</p> |
| Border Width     | Determine the thickness of the border                                                                                                                                        |
| Border Color     | Set the color for the border.                                                                                                                                                |
