I'd like to create an FAQ Page with the design as shown in this site (help center style that I like) not their branding, however.
Also, I am trying to figure out the appropriate way to code the Product FAQ Accordion, Free Shipping & Quality Guarantee Text with icons and "?" note feature in Shopify as shown in this site
You will need to design it by using bootstrap accordion. Please refer below links for exmples:-
If you can't figure out how to build it from those examples, feel free to give me a buzz. I've done quite a few FAQ accordions for Shopify stores, would be happy to help!
Bit late to the party, but this is Karl from Shogun Page Builder. I just wanted to pop by to let you know about some of the features that Shogun offers, that may help you do what you need to do with your FAQ page, and your product pages.
Shogun Page Builder offers an Accordion element, which allows you to create sections of your page that can be collapsed, which is perfect for adding a lot of content, without taking up the whole page - perfect for an FAQ page, or a questions section of your product page. If you would like to read up more about this element within Shogun, you can do so in the article that we have written about this super useful element,
We offer a 10 day free trial, and allow you to keep all of your content if you decide that Shogun is not right for you - so you have nothing to lose by giving it a try. If you have any questions at all, please feel free to reach out to one of our helpful support members by clicking here. :)