Customer Review
To add this section, please follow below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Customer Review".
Section Settings
| Setting | Description |
|---|---|
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. |
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. |
Background Color | Set the Background Color for the whole section. |
Background Gradient | Set the Background Gradient for the whole section. If the gradient is none, then the background color will be applied if any. |
Background Image | Upload/choose an image as the background for the section. |
Title | Enter the title for the section. |
Title Color | Set the title color for the section. |
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. |
Title Margin Bottom | Determine the spacing of the title from the bottom. |
Description | Fill in the description text for the section. |
Description Color | Set the color for description text. |
Description Spacing Bottom | Determine the spacing of the description from the bottom. |
Description Font Size | Determine the font size of the description text. |
Alignment | Align content to the left, the right or center of the section. |
Settings Review Block
| Setting | Description |
|---|---|
Layout Block: | Select the layout for each review card. Layout 1: Name and occupation is on the top, the review rating stars group is on the bottom. Layout 2: Name and occupation is on the bottom, the review rating stars group is on the top |
Review Row | Select the number of rows to show at a time. |
Show Arrows (For Layout 2) | Show the arrows for navigation on Layout 2. |
Avatar Margin Bottom | Determine the spacing of the reviewer from the bottom. |
Color Heading | Set the color for all review cards' headings. |
Font Size Heading | Determine the font size of the review cards' headings. |
Heading Margin Bottom | Determine the spacing of all the review cards' headings from the bottom. |
Font Weight | Select the font weight of all review cards' headings. |
Color Sub Heading | Set the color for all review cards' sub-headings. |
Font Size Sub Heading | Determine the font size of the review cards' sub-headings. |
Sub Heading Margin Bottom | Determine the spacing of all the review cards' sub-headings from the bottom. |
Color Name | Set the color of all the review cards' names. |
Font Size Name | Determine the font size of all the review cards' names. |
Color Date | Set the color of all the review cards' dates. |
Font Size Date | Determine the font size of all the review cards' dates. |
Color Content | Set the color of all the review cards' content. |
Font Size Content | Determine the font size of all the review cards' content. |
Body Margin Bottom | Determine the spacing of the review content from the bottom on all review cards. |
Star Margin Bottom | Determine the spacing of the stars group from bottom on all review cards. |
Show Avatar? | Enable to show the reviewers' avatars. |
Star Position (For Layout 2) | Select the position of the stars to either below the title or above the title. |
Star Color | Set Star Color on all review cards. |
Card Spacing Top & Bottom | Determine the top and bottom padding of all review cards. |
Card Spacing Left & Right | Determine the left and right padding of all review cards. |
Card Background Color | Set the cards' background color. |
Last updated
