How to code an FAQ page from scratch in Shopify

Опубликовано: 16 Октябрь 2024
на канале: Coding with Jan - Shopify Developer
19,727
520

In this tutorial, we will develop a cool-looking FAQ Page for our Shopify Site from scratch.
Are you interested in becoming a developer? 👨‍💻 Start here: https://codingwithjan.com


🔔 Subscribe to Coding with Jan on YT:
https://www.youtube.com/c/letsbuildsh...

🧑‍💻 About our Remote Developer Bootcamp:

In Freemote we teach people how to code and help them land their first developer job or become freelance developers.

We can help if:
You are committed to making a change in your life.
You are currently making less than 6-figures/year and want to get there.
You would like to work remotely and independent of your location.
You are looking for a clear, structured, and proven learning path.
You would like to get personal guidance and direct feedback from mentors.
You would like to join a community of other like-minded people.
You want to be in control of your schedule, work, income, and lifestyle.

Start here ► https://codingwithjan.com

We’re looking forward to working with you! :-)


📚 Recommended Resources
Here you can find all the code that I wrote for the video:
FAQ HTML:

(This goes into a new page template called page.faq)
https://bit.ly/2LNiVNA

FAQ CSS
(this goes into your theme.scss)
https://bit.ly/2pNDYah

🔎 SEO Description:
I will explain how we build and FAQ - Accordion in pure HTML and CSS and you will be able to style it in your own way.
As I try to explain everything in depth I hope you get a good understanding of how the FAQ works.

In part 2 of this video, which will follow very soon we will then even improve our FAQ with Shopify Sections.
We will use them to add settings to Shopify´s live customizer so that the FAQ page can be maintained effortlessly.