Align
How do I add an anchor link to the FAQ page?
Section + block documentation
An Accordion section or block displays stacked, expandable information tabs which can be used to display additional details, FAQs, step-by-step instruction, and more.
Accordions support multiple types of content: you can add and customize text, image, and/or video content; you can also dynamically import blog posts or pages directly into each block.
Accordion row
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
Accordion row with image
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
Accordion row with video
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
An Accordion section only has one available block: the Row block.
Accordion row blocks can be added toΒ AccordionΒ sections or to theΒ Product informationΒ section on product detail pages
Accordion row
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
Accordion row
expand_moreThis block is far from limited in its customizable options. Add text, images, and video, or some combination of this content.
You can also import Blog post/Page details directly into individual Row blocks.
In addition to a number of standard section settings, the accordion contains certain settings built to specifically serve the accordion section functions. These are outlined below.
Add and customize text, image, and or video content or import details from a blog post or page directly into each row block.
To set the Accordion Row blocks and Header content to the full width of your page, set the Content position setting to Full width. Useful for sections with longer-form content, i.e. multiple paragraphs or images.
Accordion row
expand_moreAccordion sections are more commonly used for easily consumable quantities of content,
The ability to add image or video along with relevant text to each individual Row block gives this section the potential to efficiently contain a substantial amount of content
Accordion row
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
Accordion row
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
A checkbox to enable the "stickiness" of the header of the accordion section. If your accordion section has multiple rows, the heading will follow the scroll position of the visitor within the bounds of the section.
Accordion row
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
Accordion row
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
Accordion row
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
Accordion row
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
Accordion row
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
Accordion row
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
Accordion row
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
Accordion row
expand_moreAdd relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.
Individual Row blocks, called Accordion blocks in other sections, can be added to Accordion, Featured product, andΒ Product informationΒ sections.
An accordion block can be open by default by checking the Show open by default setting.
Accordion block
expand_moreWith the "Show open by default" setting activated, this block will appear expanded by default when the page loads.
Accordion block
expand_moreThe setting is not activated on this Row block so it will not expand unless manually triggered.
Accordion blocks support selecting from published Blog posts or Pages to pull content directly into individual blocks. This will not pull content added via template, just body HTML from the actual post/page content.
If a post or page is selected, this content will overwrite any custom content set within the block itself.
Accordion using blog post content
expand_moreAfter you've created a blog, you can start writing your blog posts. Your posts can contain both text and images. You can choose to publish a post immediately, or else set a specific publishing date.
You can use Shopify Magic to automatically generate blog titles and blog post content.
You might want to edit an existing blog post to change the content, publish date, author, or other blog post details.
You can set a specific publishing date for a blog post.
Adding images into your blog post content can make the post more engaging. You can add images that you've uploaded to Shopify, including product images, or upload a new image for the post. The best file type for blog post images is JPEG.
You can use the rich text editor to embed other media in your blog posts, including videos, Google maps, and music or sound clips. Learn more about adding media with the rich text editor.
You can display excerpts from a blog post on the blog landing page. Depending on what your theme supports, you might be able to include images, text formatting, and links in your excerpt. If you don't add a blog excerpt, then part of your blog post content will display instead, without any images, formatting, or links included.
You can use tags to organize your blog posts into categories or by subject. For example, you could add a tag to all the posts about summer to create a summer
category. Customers can click tags to find other blog posts in the same category. When a customer searches for a tag in your online store, matching blog posts will appear in the search results.
You can edit the text that appears in search engine results for a blog post. Descriptive titles and descriptions can help new customers find your online store and convince them to click the link. Learn more about search engine optimization.
You can preview a blog post's search engine listing and make changes to help new customers discover your online store.
The page title and meta description have set character limits. If you enter more text beyond the character limit, then your page title and description will be shortened in search engine results. Learn more about search engine optimization.
You can change the web address of your blog post in the Search engine listing preview section. When you create a blog post, a URL and handle are automatically generated. You might want to change or shorten the web address, but in most cases you can leave the default alone.
Accordion using page content
expand_moreThis is an example page meant to demonstrate section and block features, like importing page content directly into a section or block.
This content lives in the page's main content section, and can include text, images, video, custom html, and more.
Accordion blocks have the option to add an image or video to each individual block. This is set in the accordion block's Imagery settings.
Set the vertical alignment of the image/video to above or below any customized text content. You can also add an image/video to the block without any text.
If a block is assigned both an image and a video, the video settings will override the image settings.
Accordion block with image
expand_moreImage files can be uploaded directly into the editor or selected from your Store library.
Set the image to appear above or below text content or alone in the block.
Accordion block with video
expand_moreVideo files can be uploaded directly into the editor, selected from your Store library, or by uploading a Vimeo or Youtube link.
Accordion videos have the same standard Video settings, including Autoplay, Loop, and Mute.
Accordion block with Vimeo video
expand_moreUse the Video service url setting to pull video from a Vimeo link directly into the block.
Accordion block with Youtube video
expand_moreUse the Video service url setting to pull video from a Youtube link directly into the block.
Accordion block with custom video poster
expand_moreThis image will display as the first frame of your video and will fade out when clicked.
This setting can be useful when pulling a video from an external link.
Some settings are available on most sections. View documentation for these standardized settings.