JetEngine Single Post Template – Get Started With the Basics (Lesson 5)

In this tutorial, we’ll walk you through the essentials of creating a JetEngine Single Post Template. We’ll kick things off by setting up dynamic fields, which serve as the building blocks for your custom post types.

Prerequisites

Please make sure you have the following installed and activated:

• JetEngine
• Elementor

Customizing Field Output

In this section, we’ll explore how to customize the output of dynamic fields. You can add text before or after the field value to give it context.

Tip: Use the before and after options in JetEngine to easily add text around your field values.

Adding More Fields and Styling

Next, we’ll add more dynamic fields like “Occurrence” and “Cost per Hour.” We’ll also learn how to style these fields.

Tip: To make your fields stand out, consider using Elementor’s styling options like color and typography.

Organizing Fields and Adjusting Layout

Organization is key. We’ll rearrange the fields for better visual presentation and adjust the layout to make it more user-friendly.

Tip: Use Elementor’s drag-and-drop feature for quick and easy adjustments.

Adding Further Details with Containers

Here, we introduce the concept of parent and child containers. These allow you to add extra details like images and text.

Tip: Use child containers to break up large chunks of text and make your layout more engaging.

Gallery Options

We’ll explore different ways to add a gallery of images using Elementor and JetEngine.

Tip: If you’re not using Elementor’s gallery widget, JetEngine offers a similar feature that’s just as powerful.

Adding Trainer Details

This section focuses on how to dynamically add trainer details like name and email.

Tip: Use JetEngine’s dynamic tags to pull this information automatically.

Adding Location Information

We’ll show you how to add a location map and details, focusing on conditional display based on whether a location is set.

Tip: Use JetEngine’s conditional logic features to display content only when certain conditions are met.

Final Tips and Tricks

To wrap up, we’ll share some additional tips, including how to conditionally hide certain elements using custom CSS.

Tip: JetEngine’s visibility options can be a lifesaver when you need to hide or show elements based on conditions.

JetEngine Single Post Template – Conclusion

That’s it for this tutorial on setting up a JetEngine Single Post Template. We’ve covered everything from setting up dynamic fields to adding galleries and location maps. Happy building!