> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/bonnita-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/bonnita-documentation/sections/all-sections-in-theme/customer-review.md).
# Customer Review
To add this section, please follow below steps:
1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. 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. |
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://halosoft.gitbook.io/bonnita-documentation/sections/all-sections-in-theme/customer-review.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.