Trips Module Three Widget

Overview

The Trips Module Three widget lets you showcase trips on any page using Elementor, combining a hero-style featured trip with a set of normal trip posts.

Layout settings

• Gap – defines the spacing between the rows and columns of trips displayed in this section
• Layout – select from a variety of layout options to display trips; several layouts are available so you can customize the appearance of the Trips Module Three widget

Query settings

• Show Featured Trip – select the featured trip you want to display as the hero post

Hero post settings

• Featured Ribbon – displays a "featured" ribbon on trips
• Discount – displays the discount percentage
• Review – displays trip reviews
• Trip Meta – adds the title meta to display for each trip
• Duration Type – choose whether trip duration displays in days or nights

Normal post settings

These settings apply to the supporting trips shown alongside the hero post.

• Trip Meta – chooses the metadata to display for normal trip posts
• Duration Type – selects whether duration displays in days or nights

Additional settings

• Location – displays the trip's location
• Title – displays the trip title
• Price – displays the trip price
• Show Striked Price on Sale – displays the struck-through original price for trips on sale
• Price Label – sets the price label text
• Wishlist – displays the wishlist icon

General style settings

• Background Color – sets the background color for the widget section
• Padding – adjusts the padding around the content within the widget section
• Border Radius – controls the roundness of the corners
• Border Type – sets the border type for the widget section
• Box Shadow – configures the box shadow effect for the trip cards within the widget section

The following elements can each be styled individually within the widget.

Content

• Alignment – aligns the widget section
• Background Color – sets the background color for the widget section
• Padding – adjusts the padding around the content within the widget section
• Border Type – sets the border type for the widget section
• Box Shadow – configures the box shadow for the trip cards within the widget section
• Border Radius – controls the roundness of the corners

Hero Post style

• Padding – adjusts the padding for the hero post
• Meta Icon Size – sets the icon size of the trip metas
• Color – sets the color for the hero post
• Hover Color – sets the hover color for the hero post
• Title Typography – customizes the typography for the hero post title
• Typography – configures the typography for both the normal price and struck-through price
• Color – sets the color for the normal price and struck-through price

Image

• Image Size – selects the aspect ratio of the featured image, for both normal and hover modes
• Object Fit – chooses the object fit for the featured image, for both normal and hover modes
• Width – specifies the image width, for both normal and hover modes
• Height – specifies the image height, for both normal and hover modes
• Border Radius – sets the border radius for the image of the trips

Location

• Position – sets the position of the trip location
• Typography – configures the typography for the trip location
• Icon Color – sets the color of the location icon
• Icon Size – sets the size of the location icon
• Margin – adjusts the margin around the location
• Text Color – sets the text color of the trip location

Title

• Typography – configures the typography for the trip titles
• Color – sets the color of the trip titles, for both normal and hover mode
• Margin – sets the margin around the title, for both normal and hover mode

Metas

• Typography – selects the typography for the trip metas
• Text Color – sets the text color of the trip metas
• Icon Size – selects the size of the meta icons
• Icon Color – sets the color of the meta icons
• Space Between – adjusts the spacing between trip metas
• Margin – sets the margin around the trip metas

Price

• Typography – sets the typography for both the normal and struck-through prices
• Color – sets the color for both the normal and struck-through prices

Featured Tag

• Typography – sets the typography for the featured tag
• Layout – selects a layout to display the featured tag; three options are available
• Alignment – sets the alignment of the featured tag
• Color – sets the color of the featured tag text
• Background Color – selects a background color for the featured tag

Discount Tag

• Typography – sets the typography for the discount tag
• Layout – selects a layout to display the discount tag; two options are available
• Alignment – sets the alignment of the discount tag
• Color – sets the color of the discount tag text
• Background Color – selects a background color for the discount tag