Installation

Theme structure

• 📁 modules
• 📁 templates
• 📁 js
• 📁 images
• 📁 css
• 📄 fields.json
• 📄 theme.json

Install theme

1. Login to your Hubspot account
2. Go to setting -> themes then click on upload theme
3. In the "Upload" popup, click “Browse” to browse for the theme installation file in donwloaded package vollery.zip.

Setup Homepage

1. Go to Marketing -> Website -> Website Pages
2. Click on Create and choose Website page

In this section please choose page template Home

After you choose page template it will popup for add label page Home

Theme settings

1. Click on design
2. Click onEdit theme settings

In settings page you can edit:

1. Colors & background
2. Fonts
3. Spacing

Theme modules

Vollery have 15 custom modules that create a website for virtually anything.

1. Accordion
2. Blog grid
3. Button
4. Call action
5. Counter
6. Image card (grid and list style)
7. Main slider
8. Menu
9. Price card
10. Section title
11. Social follow
12. Tab
13. Team
14. Testimonial slider
15. Toggle
16. Video popup

Header settings

For edit header you need to click on header area for edit.

1. Click on logo for custom your logo
2. Click on primary navigation for add your menu
3. Click on button for custom button text and link

Footer settings

1. For edit footer you need to click on footer area for edit.

2. Click on section list on the left for Edit footer

Setup blog page

1. Go to setting -> blog
2. Click on tab templates
3. Select Vollery blog template

Setup system page

1. Go to setting -> page
2. click on tab system pages
3. Select Vollery system pages

Credits

• jQuery – https://jquery.com/
• Slick Slider – https://kenwheeler.github.io/slick/
• Easypiechart – https://github.com/rendro/easy-pie-chart
• Jquery Appear – https://github.com/morr/jquery.appear
• Magnific Popup – https://dimsemenov.com/plugins/magnific-popup/
• Google Fonts
• Montserrat
• Nunito

All images from freepik.com