Customer Review
Last updated
Last updated
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".
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.
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.
