FAQ page

The FAQ page addresses common questions to help users find answers quickly and improve their experience on the website.

How to create faq page

Step 1: Go to Online Store > Pages.

Step 2: Click the Add page, it navigates to another page.

Step 3: Enter the required Title for the page.

Step 4: Select FAQ from the Theme template drop-down menu in the Online Store section.

Step 5: Add content, media, etc. in the customizer.

Step 6: Save the changes.

Customization of FAQ

To add questions and answers to the FAQ, follow the steps below.

Step 1 : Go to Online Store > Themes > Customize

Step 2 : On the left sidebar, you can add sections for the faq.

Step 3 : Select the FAQ page from the Customizer > Add Section > Faq or Collapsible Content

Step 4 : Select a Collapsible row to add Question ,Answer and subheading with icons.

Step 5 : On the right sidebar, you can give the questions,answers,subheading and icon for faq.

Heading as Question and Row content as Answer for the Question.

Step 6 : Save the process.

Faq Template Customization

• Show Full Width: Expands the featured frequently asked question section across the entire screen width.

• Enable Right & Left Spacing (Works only on Fullwidth): Adds spacing on both sides (works only in Full Width mode).

• Padding (Top, Bottom): Adjust the inner spacing above and below the section. Top(px), Bottom(px).

• Margin (Top, Bottom): Adjust the outer spacing above and below the section. Top(px), Bottom(px).

• Enable Background Image: Allows adding a background image for the section.

• Background Image: Upload the image (Recommended size based on design requirements).

• Background Style: Choose background style ( Fixed, Parallax, or None ).

• Background Size: Choose background size ( Auto, Cover, Contain, Repeat).

• Enable Background Color: Enable a background color (also used as an overlay color).

• Overlay Transparency: Adjust the transparency of the overlay (value between 0.01 and 1).

• Main Heading: Customize the Main heading.

• Sub Heading: Add a short text to the content.

• Description: Add text to share information about the collection.

• Link Text: Customize the text for the clickable link.

• Link URL: Paste a URL or search for an internal link.

Color Customization

• Heading Color: Customize the heading color (Set Your Preferred Color).

• Sub Heading Color: Customize the sub-heading color (Set Your Preferred Color).

• Description Color: Customize the description text color (Set Your Preferred Color).

• Button Background Color: Customize the button background color (Set Your Preferred Color).

• Button Text Color: Customize the button text color (Set Your Preferred Color).

• Button Hover Background Color: Customize the hover background color for buttons (Set Your Preferred Color).

• Button Hover Text Color: Customize the hover text color for buttons (Set Your Preferred Color).

• Heading position : Choose heading position (Left, Right, Center).

Block Settings

• Block Style: Choose the block style (Style 1,Style 2, Style 3, Style 4).

• Block Text Position: Choose text position (Left, Right, Center).

• Overall Radius: The overall radius can be rounded using the radius property. (Leave empty for default border radius).

• Grid gap: Customizer spacing between columns.

• Enable Box Shadow: Adds a shadow effect to the banner.

• Enable Heading Icon/Image (Set the icon/image inside the blocks): Allows adding a Icon and Image.

• Heading Icon / Image size: Customizer icon and image size.

Segmented Layout:

• Enable Segmented Layout: Allows adding a segmented layout.

• Segmented Layout Gap: Customizer spacing between segmented layout column.

Block Color Settings:

• Faq Border Color: Customize the faq border color (Set Your Preferred Color).

• Faq Heading Color: Customize the faq heading color (Set Your Preferred Color).

• Faq Heading Bg Color: Customize the faq heading background color (Set Your Preferred Color).

• Faq Content Color: Customize the faq content color (Set Your Preferred Color).

• Faq Content Bg Color: Customize the faq content background color (Set Your Preferred Color).

• Image: Upload the image (Recommended size based on design requirements).

Icon

• Icon (Enable Heading Icons from section settings) : Upload the image (Recommended size based on design requirements).

• Heading : Customize the Heading.

• Description : Add text to share information about the description.

Class

• Font Awesome class (Enable Heading Icons from section settings) : Add the font awesome icon (Eg., fa fa-instagram).

• Heading : Customize the Heading.

• Description : Add text to share information about the description.

Advanced Customization

• Custom Class: The Shopify allows you to apply unique CSS styles to specific sections, blocks, or elements within your theme.