Recently Viewed Products
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Products from the dropdown window.
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 | Select the width style of the border. Custom Width: the border width is the same as the section width. Full: the border width is full screen. |
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 | Select the border layout for the cards. Border Full: The border will cover the card in all sides. Border Bottom: The border will cover the bottom of the card. |
Border Width | Determine the thickness of the border |
Border Color | Set the color for the border. |
Last updated