We've recently relaunched all three of our themes. Watch the launch video here.

Quotes

The Quotes section displays a rotating slideshow of quotations about your store or what inspires you.

The Quote section

The Quotes section can be used on the following page templates:

Add a Quotes section to the home page

To set up a Quotes section on your home page:

  1. From your Customize theme editor, choose Home page from the pages drop-down menu at the top of the screen.

    Drop-down menu with page types listed
    Drop-down menu with page types listed

  2. Scroll to the bottom of the home page sections and choose Add section.

    Add section button
    Add section button
  3. Choose Quotes from the list of sections.

    This opens the Quotes settings.

  4. Choose the Time between quotes. The number value represents the number of seconds that a customer will have to read the quote.

  5. Change the Max width of text.

  6. Choose the Image shape of the author photo to be Round or Square.

  7. Return to the list of Home page sections to find your new Quotes section with the content blocks nested below.

    Use the drag handles to rearrange the order of the blocks:

    Shopify content blocks nested in a section
    Shopify content blocks nested in a section
  8. Use the Add Quote button to add a quote.

    You can add up to 4 quote blocks.

  9. Change the Quote text.

  10. Change the Author text.

  11. (Optional.) Add an Author photo.

  12. Use the Save button in the top-right corner when you are finished editing.

Add a Quotes section to other pages

You can add a Quotes section to your Collection pages and Product pages templates.

To enable a Quotes section on these pages:

  1. From your Customize theme editor, choose Collections or Products from the pages drop-down menu at the top of the screen.

    Drop-down menu with page types listed
    Drop-down menu with page types listed
  2. Click on the arrow beside Collection features or Product features.

  3. Use the Add block button to select Quotes.

    This opens the Quotes section settings.

  4. Change the Quote text.

  5. Change the Author text.

  6. (Optional.) Add an Author photo.

  7. Use the Back to settings < button to return to the Quote settings. Use the drag handles to rearrange the order of the quotes.

  8. Choose the Time between quotes. The number value represents the number of seconds that a customer will have to read the quote.

  9. Change the Max width of text.

  10. Choose the Image shape of the author photo to be Round or Square.

  11. Return to the list of Product or Collection features. Use the drag handles to rearrange the order of the blocks:

    Shopify content block drag handles
    Shopify content block drag handles
  12. Use the Save button in the top-right corner when you are finished editing.

Quote settings

The Quote section has the following settings:

Configuration Settings

Quote

Add the quote text.

Author

Add the name of the person being quoted.

Time between quotes

Adjust the amount of time that customers have to read each quote.

Max width of text

Control the width of the subheading text. The width will need to be adjusted when you adjust the number of columns.

Image shape

Choose to display the author photo as Round or Square.

Use alternate selection color

Set the background color to the Alternate Section Color as chosen in your Color Settings.

See Spark's Color settings documentation to learn how to set Alternate section colors.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.