![How to set up your navigation menu](jpg/videos_shop11.4f7dad94042e.jpg)
How to design the sections of your shop
Hello and welcome to your GoodBarber back office
Today, we’ll learn how to set up the design of the shop’s sections.
Each type of section has its own design specificities, but the process to set them up is the same.
To design a section, let’s go to the menu Content and Design > Design > sections design
For this example, we’ll design a Product. List.
First thing, select a template. You can see the modifications straight away in the back office preview.
Let's choose Template 2
Then we set up the design of the content zone
background-color, content alignment
Fonts and fonts colors of the different elements
And to finish the thumbnail format
Voila! All done
This design will be applied by default to all the product list sections in your shop.
There is a way to design a section in particular, but that’s for another video ;)
Here you go, my product list is ready
It’s your turn now!
See you soon for another tutorial!
Related videos
![How to set up your navigation menu](jpg/videos_shop11.4f7dad94042e.jpg)
![How to customize the icons of the menu](jpg/videos_shop12.6eeb6d5a859c.jpg)
![How to set up the home page of your app](jpg/videos_shop13.e1aed198d25d.jpg)
![How to customize your splashscreen](jpg/videos_shop14.5ba4ff60f4e0.jpg)
![How to set up the header of your shop](jpg/videos_shop15.1e15b7c0b749.jpg)
![How to set up the global style of your shop](jpg/videos_shop16.60bbdddf3a84.jpg)
![How to customize the main icons of your shop](jpg/videos_shop17.5fb60f1ec20f.jpg)
![How to unhook the design of a section](jpg/videos_shop19.6bfd3cd7cba1.jpg)
![How to choose your header size ?](jpg/videos_design_header.a341dbbe5c74.jpg)