🥳
TemPlaza Framework
  • Templaza Framework
  • Guides
    • System Requirements
    • Plugin Requirements
    • Elementor – Configuration
  • Theme Activation & Demo Import
    • Theme Installation
    • Theme License Activation
    • Import Demo Content
      • Import multiple themes
  • Fundamentals
    • Smooth Scroll
    • Back To Top
    • Coming Soon
    • Preloader
    • Cursor Effect
    • 404 Error Page
    • Custom Code
    • Wide & Boxed Layout
  • Header
    • Header
    • Header Variations
    • Logo & Favicon
    • Header Icons
    • Contact Information
    • Header Presets
  • Menu
    • Menu Settings
    • Drop-Down Menu
    • Off-Canvas Menu
    • Sticky Menu
    • Mega Menu
  • Footer
    • Create a footer
    • Copyright Information
    • How to copy Footer from one layout to another
    • Footer For Multilingual Site
  • Layout Settings
    • Section Settings
    • Row Settings
    • Element Settings
    • Save Section
  • Theme Color
    • Theme Color
    • Global Colors
  • Social Profile
    • Social Profile
  • Typography
    • Menu Typography
    • H1-H6 Typography
    • Footer Typography
    • Body Typography
  • Blog Options
    • Blog Page
    • Blog Single
    • Blog Slider
    • Blog Related
  • Extended Options
    • Woocommerce Options
  • Themes
    • AutoShowroom
      • Installation
      • Inventory
        • Inventory Page Assignment
        • Inventory Filter
        • Change Inventory Permalink
        • Advanced Product Options
        • Pricing & Currency Setting
      • Mega Menu
      • Header
        • Header's height
      • Footer
      • Sidebar Widgets
        • Add a new sidebar
      • FAQs
        • Background Image
        • Breadcrumb Image
      • Translation
    • Probike
      • Installation
        • Download the theme
        • Install the theme
        • Import the demo content
      • Home Page
      • Inventory
        • Inventory Filter
        • Change Inventory Permalink
        • Advanced Product Options
        • Currency Setting
      • Blog
        • Blog Columns
        • Blog Ajax Load
        • Blog Masonry
      • Shop
        • Woocommerce Product Options
      • Dealer Page
        • Top Dealers
        • Dealer Register
        • User Role
      • Custom Post Types
        • Services
        • Team
      • Sidebars & Widgets
        • Add a new sidebar
      • Breadcrumb Image
      • Translation
    • Amanus
      • Home
      • Yachts
        • Currency Settings
      • Events
      • Shop
      • Blog pages
      • Footer
      • Background Image
    • Baressco
      • Get Started
        • Installation
        • Theme Activation
      • Home 1
      • Inventory
    • Golden Hearts
      • Installation
      • Home Page
      • Blog pages
      • Cause Settings
        • Causes List
        • Cause Grid
      • Events
        • Event Venues
        • Event Organizers
      • Edit Footer
      • Edit Breadcrumb Image
    • Plazart
      • Demo Import
      • Home 1
      • Online Shop
      • Inventory
        • Inventory Assignment
      • Blog Columns
      • Team Member
      • Header
        • Header Layout
      • Section Background Image
      • Translation
    • Koer
      • Inventory Page
        • Inventory Assignment
        • Inventory Filter Widget
        • Change Inventory Permalink
        • Advanced Product Options
        • Currency Settings
      • Shop Page
      • Header
        • Default & Sticky Logo
        • Header Layout
      • Footer
        • Copyright
      • Mega Menu
      • FAQs
    • Agruco
      • Installation
        • Theme License Activation
      • Inventory
        • Inventory Sidebar Filter
        • Change Inventory Permalink
        • Currency Settings
      • Sidebars & Widgets
        • Add a new sidebar
        • Header Widget
        • Shop Sidebar
        • Inventory Sidebar
        • How to add the widget to a sidebar
      • Footer
        • Copyright
      • Woocommerce Options
    • AutoBike
      • Get Started
        • Download the theme
        • Install the theme
        • Import demo content
      • Home Page
        • Create a new page
        • Home page 1
      • Inventory
        • Inventory Page Assignment
        • Advanced Product Options
        • Pricing & Currency Setting
        • Inventory Filter
        • Change Inventory Permalink
      • Sidebar & Widgets
        • Add a new sidebar
        • How to add the widget to a sidebar
      • Blog
      • Elementor
      • WooCommerce
        • Install WooCommerce
        • Adding WooCommerce Pages
        • Setting Up WooCommerce
        • Adding Product
      • Translation
        • Footer Translation
    • Today News
      • Boxed Layout
      • Blog Pages
      • Blog Single
      • Background Image
      • Off-Canvas Sidebar
    • Alita
      • Alita – Installation
      • Alita – Theme Activation
      • Alita – Import Demo Data
      • Alita – Home Page
      • Alita – About
      • Alita – Services
      • Alita – Our Work
      • Alita – Pricing
      • Alita – Contact
    • Travelami
      • Get Started
        • How To Download And Install Theme?
        • How to activate the product license
        • Import Travelami demo content
      • Set Up Tours
        • About Tour Management
          • How to add a new tour
          • Tour Types
          • Tour destination
          • Tour Category
          • Tour Language
          • Tour Custom Field Group
          • Tour Custom Field
        • Tour Inquiry Form
          • Online Tour Booking With Payment
        • Sidebar Tour Filter
      • Blog
        • Blog Image Left/Right
        • Blog Grid
        • Blog Columns
      • Theme's Header
        • Theme Logo
        • Sticky Logo
        • Header Icons
        • Header Assignment
      • Theme's Footer
      • Mega Menu
      • Translation
      • FAQs
        • How to change the tour's custom field order
        • How to change a breadcrumb image
        • How to hide or remove the tour rating
        • Remove the breadcrumb heading
        • Set up Instagram Image Feed
    • Kamper
      • Get Started
        • Download And Install Theme
        • How to activate the product license
        • Import Kamper's Demo content
      • Accommodation
        • Product Management
          • Add A New Product
          • Product Branch
          • Product Service
          • Product's Field Groups
          • Product's Custom Fields
        • Booking Settings
          • Online Booking With Payment
        • How to reorder accommodation's tabs
      • Kamper Header
        • Default & Mobile Logo
        • Sticky Header
        • Header Icons
      • Kamper Footer
      • Mega Menu
      • Translation
      • FAQs
        • How to change the breadcrumb image
        • How to change a section's background image
        • How to edit a section's background image
        • How to display a field in a listing page
        • How to display a price range in the filter
        • How to change the cursor effect
    • Vonux
      • Inventory
        • Inventory Assignment
        • Sidebar Inventory widget
        • FAQs
      • Header
        • Transparent header
      • Footer
        • How to change the footer's text color
      • Translation
      • FAQs
        • Section Background Image
        • Background image of breadcrumb section
  • Advanced Products Plugin
    • Product Branch
    • Product Category
    • Custom Field Groups
    • Custom Fields
    • Custom Categories
    • Plugin Translation
    • General Settings
  • Extras
    • How to submit a support ticket
Powered by GitBook
On this page
  • Add new service items
  • Add a new service page
  • UI Image
  • UI Posts
  • Service Contact
  • Image Carousel
  1. Themes
  2. Probike
  3. Custom Post Types

Services

PreviousCustom Post TypesNextTeam

Last updated 1 year ago

Add new service items

In order to create a new service, go to WP Dashboard > Services > Add New.

The back-end view of a single service post:

Add a new service page

After creating different service items, you should go to Pages > Add a new page > Create a new service page.

  • On the right sidebar, you can choose a TemPlaza style for the page (the service page on our demo is assigned to Bicycle Full Width Image Breadcrumb)

  • Click on "Edit with Elementor" to start creating more detailed content for the Services page.

The page is created with various elements including TemPlaza Heading, text editor, button, TemPlaza UI Image, TemPlaza UI Posts, icon box, and so on.

UI Image

  1. Image: Upload an image or choose Dynamic to dynamically use Posts featured image, Site Logo, and Author Profile Picture.

  2. Image Size: Choose the size of the image

  3. Border Radius: Choose a type of border available in the drop-down list

  4. Flash Effect: Enable or disable the flash effect

  5. Transition: Choose a type of transition for the flash effect above

  6. Link Type – Set a link to a custom URL, modal, or no link. Choose “Link” to link the image to an internal or external source. Choose "Modal" to display the image with a link as a lightbox. Choose “none” if you don’t want to add a link to the image at all.

UI Posts

This service section is created with TemPlaza UI Posts element.

In the general settings for content:

  • Choose resource: You can choose a resource from the Services

  • Limit: Set the number of posts displayed in this section

  • Configure the number of columns on different devices: large desktop, desktop, laptop, tablet, and mobile phone.

Image Settings

  • Background Type: Choose classic or gradient.

  • Color: Set the first gradient color for the background

  • Second color: Set the second gradient color for the background

  • Cover Image: Choose yes to enable the image color

  • Thumbnail Height: Set the height of the thumbnail.

  • Flash Effect: Enable or disable the flash effect

  • Transition: Choose a type of transition for the flash effect above

Slider Settings

  • Display articles as slider: Choose yes to enable the slider mode

  • Navigation: Enable the navigation

  • Navigation Position: Choose a position for the navigation

Meta Settings

  • Icon Type: You can choose an icon type from Fontawesome, UIKit or none.

  • Before title: Select meta elements appearing before articles' titles

  • After title: Select meta elements appearing after articles' titles

  • After description: Select meta elements appearing after the articles' description

Service Contact

This section was created with the Icon Box widget. Click on each field to edit contact info.

Change the background image

Click to edit the container > Style tab > Change the background image.

Image Carousel

Edit the image carousel widget, you're able to upload logo images of partners.

  • Image size: Choose an image size from the list

  • Slide to show: Set the number of images per slide

  • Slide to scroll: Set the number of slides that should be scrolled per swipe

  • Navigation: Choose a type of navigation

Create the content for each service item
Create a service page
Configure the settings of UI Image
UI Post settings
Image Settings
Slider Settings
Meta Settings
Edit the icon box
Edit the background image
Partners' logo image carousel
Edit Logo images