Cosmero docsPre-release

FAQ section

2 min read

The FAQ section lists questions as rows that open to show their answers, with an optional heading and intro beside or above them. Use it on an FAQ page, or wherever customers need quick answers. For questions about Cosmero itself, see the FAQ.

Online Store → Themes → Customize

  1. In your Shopify admin, go to Online Store → Themes and select Customize on Cosmero.
  2. At the top of the theme editor, open the template you want to change.
  3. In the sidebar, select Add section.
  4. Choose FAQ. It comes with three Question blocks.
  5. Select each Question block and replace its question and answer. To add more, select Add block and choose Question. Then select Save.

You can add it to any template, but not to the header or the footer.

  • Heading: the heading for the questions.
  • Text: a short intro under the heading.
  • Layout: Heading beside questions puts the heading and intro in a column beside the questions on desktop. Heading above questions places them on top. On screens under 990 px, the heading always sits above.
  • Color scheme: the colors of the panel. You edit color schemes in Theme settings.
  • Panel style: Panel is a rounded panel inside the page margin. Flush spans the full page width with square corners.
  • Enable full width on mobile: on mobile, the panel runs from edge to edge with square corners. Shown when Panel style is Panel.
  • Top padding: space above the content, from 0 to 120 px.
  • Bottom padding: space below the content, from 0 to 120 px. On mobile, both paddings are scaled down: 64 px becomes 40 px.

Adds one question and its answer. The section holds up to 24.

  • Question: the question on the row. A block without a question is hidden.
  • Answer: the answer that shows when the row opens. It can include bold text and links.
  • Open by default: the row starts open.
  • In the theme editor, selecting a Question block opens its row so you can check the answer. It closes again when you select something else, unless Open by default is on.
  • A section you add to a template shows on every page that uses that template. For a single FAQ page, create a page template for it from the template menu, then choose that template under Theme template when you edit the page in Online Store → Pages.

Still stuck? We answer.

Contact support