Open Store Free
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket

Kalles WordPress Theme

home/Documentation/Kalles WordPress Theme
Popular Search:Import demo, Update theme, Custom color
  • 2. CHANGELOGS
  • 3. INSTALLATION
    • How to import demo data?
    • Install theme
    • Installing Required and Recommended Plugins
    • System Requirement
  • 4. UPDATE THEME
    • How to update the plugins that came with the theme
    • How to update the theme?
  • 5. SHOP PAGE
    • How to add the content for filter on mobile device
    • Sub Categories
    • Top Categories Menu
  • 6. PRODUCT PAGE
    • Brand page
    • Buy more save move feature
    • Complete The Look
    • Dynamic checkout buttons
    • External/Affiliate Product
    • Frequently Bought Together
    • Grouped Product
    • Other product swatch types
    • Product 360 viewer
    • Product Swatches Color
    • Product Swatches Gallery
    • Product Swatches Images
    • Product Upsell Features
  • 7. THEME OPTIONS
    • Blog
    • Cart & Checkout
    • Categories page
    • Color Scheme
    • Custom 404 page
    • Custom CSS JS
    • Footer settings
    • General Settings
    • Header
    • Maintenance Mode
    • Popup
    • Portfolio
    • Product Page Configuring
    • Social Network
    • Typography
    • WooCommerce General
  • 8. ELEMENT SECTIONS
    • Banner
    • Banner carousel
    • Banner Custom
    • Banner Packery
    • Blog
    • Categories List
    • Deal of the day
    • Featured Product
    • Heading
    • Icon and Text
    • Instagram shop
    • Kalles Newsletter
    • Links list
    • MailChimp
    • Member
    • Portfolio
    • Product
    • Product Tabs
    • Products
    • Testimonial Carousel
  • 9. FEATURES
    • Ajax Login, Google Capcha Verify
    • Myshopkit Configuration
    • New Filter Layout
    • Popup Login
    • Portfolio
    • Price Range Slider Filter
    • Social Login
    • Store Location page
    • White Label
  • 10. THEME FAQs
    • Currency
    • How to Build a Mega Menu?
    • Why and how to install the child theme?

Portfolio

136 views 0 December 22, 2021 Updated on December 24, 2021 Maria

The theme includes the Portfolio work well as a custom post types making it easier then ever to create your portfolio and add your portfolio items. Its easier to give them their own metaboxes (like a client or image).

1.Setup the Portfolio item’s layout

By default portfolio items don’t display anything besides the content you add in the editor. However, you can browse to The4 Dashboard > Theme options > Portfolio and from here you can choose the layout for your singular portfolio item display.

2.Building Portfolio Item

2.1 Create new portfolio item

To add your first Portfolio, From the left sidebar of the Dashboard, select the ‘Portfolio->Add New‘ option to bring up the portolio editor. Enter a name for your new portfolio in the Title box. Remember to config these fields for Portfolio.

2.2 Activating Elementor for portfolio post type

Besides adjusting what is displayed on your portfolio items you can also custom design each portfolio item via a page builder such as the Elementor (3rd party supported builder). This would be something you might do if you need every single portfolio item to look differently.

You can create your layout for Portfolio in Elementor by clicking on Edit with Elementor button in your page.

If you don’t see that button in your Portfolio page, you have to activate Elementor for Portfolio custom post type.

In order to activate Elementor for Portfolio post type:

  1. From WordPress left dashboard menu, click on Elementor.
  2. In General tab, make sure you’ve checked the Portfolios in Post types option.
  3. Save changes and now you can see the Edit with Elementor button for your Portfolio pages.

2.3 Edit the portfolio item with Elementor

Once the Elementor editor is opened, click on the plus icon and select section layout. Now, scroll down and drag and drop the Portfolio widget into a section.

Was this helpful?

Yes  No
Copyright 2021 the4.co. All Rights Reserved.
Popular Search:Import demo, Update theme, Custom color