Jollyany Framework
HomeDownloadAsk a questionPurchase a license
  • What is Jollyany?
  • Getting Started
    • System Requirements
    • How to download templates?
    • Template Installation
    • Demo Content Install
    • Install template on an existing website
    • Update Template & 3rd Party Extension
    • Active Jollyany license
  • Basics
    • Logo & Favicon
    • Header Variations
    • Color Options
    • Layout Builder
    • Typography
    • Custom Code
    • Import template style
    • Contact information
    • Social Profiles
    • Wide & Boxed Layout
    • Presets
    • Mega Menu
    • Copyright
    • Color Mode
  • Templates
    • Nika
      • Header
        • Menu
      • Home
      • About Us
      • Contact
      • Blog
      • Portfolio
        • Single Portfolio
        • Author
    • Kamper
      • Home
      • About Us
      • Contact
      • Accommodation
        • Single Accommodation
        • How to display custom fields in the listing view
      • Blog
        • Blog's sidebar modules
      • Footer
      • FAQs
        • How to change the cursor effect
    • Like A Star
      • Page Layouts
    • Travelami
      • Technical requirements
      • Home Page
      • About Us
      • Services
      • Tours
        • How to change the number of tour columns
      • Contact us
      • Blog
        • Blog's Sidebar Modules
      • FQAs
        • How to change the breadcrumb image
        • How to change a section's background image
        • How to enable/disable Off-Canvas Module
        • Integrate SP Page Builder into the template
    • ProBike
      • Page
      • Inventory
      • Footer
      • Off-canvas Menu
      • Light & Dark Mode
    • Autobike
      • Home 1
      • Inventory
      • Footer
      • Breadcrumb Image
      • Blog
    • Express
      • Home Page 1
      • Fashion
      • Lifestyle
      • Footer
      • Off-canvas menu
      • Mega Menu
      • Light vs Dark Mode
    • Amanus
      • Footer
      • Home
      • Our Boats
      • Blog
    • Interiart
      • Projects
      • Bottom Footer
      • Header's Background Image
      • Breadcrumb Image
    • Medil
      • Home 1
      • Home 2
      • Blog
      • Service packages
      • Inventory
      • Footer bottom module
      • Off-canvas module
    • Golden Hearts
      • Causes
      • Training
      • Events
      • Installation
    • Organico
      • Installation
      • Change breadcrumb background
      • Footer
    • Baressco
      • Installation
      • Blog
      • Footer
      • Products
    • PowFit
      • Installation
    • Alex
      • Blog
      • Border Style
      • Gallery Slider
      • Gallery Masonry
      • Footer
      • Installation
    • GoldenA
      • Apartments
      • Events
      • How to create a menu badge
    • Newspaper
      • Installation
      • Lifestyle
      • Travel
      • Fashion
      • Header Banner
      • Sidebar Modules
      • Off-canvas menu
    • Magazine
      • Home
      • Travel
      • Lifestyle
      • Fashion
      • Food
      • Footer
      • Sidebar Modules
      • Off-canvas menu
    • Lefala
      • Installation
    • Pethub
      • Installation
      • Courses
      • Events
      • Gallery
    • Profiler
      • Sidebar
    • Varaham
      • Courses
      • Events
      • Author Information
      • Footer
    • Agruco
      • Home
      • Blog
      • Inventory
      • Divided Header
    • Plazart
      • Inventory
      • Our Team
      • Home 1
      • Blog
      • Sidebar Modules
      • Footer
    • Today News
      • Footer
      • Off-canvas menu
      • Home page
      • World News
      • Politics News
      • Climate
      • Sidebar modules
    • Oraz
    • Charity
  • Extras
    • Get Support
    • Install A Template's Quickstart
Powered by GitBook
On this page
  • 1. Product Filter
  • 2. How to change the background Image
  • 3. Change the decoration and divider color
  • 4. Featured Products
  1. Templates
  2. Plazart

Home 1

PreviousOur TeamNextBlog

Last updated 2 years ago

1. Product Filter

The product filter on the home page is a Hikashop filter module.

  • Module type: HikaShop Filter Module

2. How to change the background Image

To edit the background image of each section on the page, pls go to sp page builder > pages > edit your page > edit the row options > Style tab > Scroll down to find the background image option > upload or change the image.

How to edit the border image

This is also a type of background image, so pls go to sp page builder > pages > edit your page > edit the row options > Style tab > Scroll down to find the background image option > upload or change the image.

  • Background repeat: Repeat horizontally

  • Background position: Left Top

3. Change the decoration and divider color

Change the decoration's color

Pls edit your sp page builder page > Edit UK Header element > General tab > scroll down and you will see the Decoration color option

  • Decoration type: Choose one of the options: None, bullet, divider, or line

  • Decoration width: you can adjust the width of the decoration

Divider

  • To edit the divider, you should edit the UK Divider addon > Border color

  • In this addon, you also can choose the divider style, shape, and size

4. Featured Products

Create the product module

  • Module type: TZ Portfolio Plus Categories

  • Choose categories: Choose the portfolio categories created in the TZ Portfolio+ component

  • Style: Elegant - Default

Configurations of the filter module
Open the row options
Upload / Change the background image
Change the decoration bullet's color
Edit the divider's color
Featured Products