Quotes
Use the Quotes section to prominently display rotating quotes about your store or products from customers, partners, or the media.
Editing templates will change all pages that use the same template. Create new templates for different page layouts, or show dynamic page content in the same template.
Set up section
In the editor side panel, click (+) Add section and select Quotes. Click and hold the drag handles ⋮⋮ to re-order sections.
Section styles
Click the section to add a section header and change section styles for colors and spacing.
Add quote blocks
Add Quote blocks with quote text, author names, and logo images. You can adjust the font size of the quote text.
If you add more than one quote block, they will auto-rotate by default. To change the time between quotes or stop quotes from quote blocks from automating, see the Quotes auto-rotate settings.
Use the drag handles ⋮⋮ to re-order blocks.
Click Quote block to find settings
Quote
Enter the text of the quote.
Author
Enter the name of the person being quoted.
Image
Select or upload a small logo image above the quote text. This image might be the logo of a company or profile picture. We recommend a small square image between 70 to 200px.
Image size
Set the maximum image width between 50 to 100px
Show rating
Choose to show a star rating given by the author.
Rating
Set the rating between 0 and 5 stars.
Quote styles
Change the text size and font, alignment, and quotation mark icon.
Click section to find settings
Show quotation mark icon
Display a quotation " icon above the quote text.
Quotation mark icon color
Set the icon color to Accent, Text, or Light text.
Quote text size
Change the text size from small to large (1 - 8).
Quote text line height
Text alignment
Align the quote content to the Left, Center, or Right.
Quote tag
Change the heading tag to modify the page structure. Use H2 to indicate important topics, and use H3-H6 for related topics. Learn how to replace default H1 headings. This option doesn't change the heading's appearance.
Auto-rotate quotes
By default, multiple quotes will auto-rotate every 6 seconds.
Set time between quotes
Display each quote between 4 to 20 seconds. Quotes with more words may need more time for customers to read them.
Turn off autoplay
If you turn off autoplay, the Quotes section displays pagination dots to let customers click through at their own pace.
Turning off autoplay can make your online store accessible to more customers, including people with disabilities. Learn more about accessibility for themes to help make the web inclusive and usable for everyone.
Last updated