You can add Trips List widget via Elementor plugin to show case the trips on pages.
Below are the settings you can configure to set up the Trips List Widget:
Layout Settings #
- Column: Choose number of trips that you want to display per row.
- Gap: Set the spacing between the rows and columns of trips.
- Layout: Select from a variety of layout options to display trips. There are three different layouts available, allowing you to customize the appearance of the advanced trips display.
Query Settings #
- Show Trips by: Select how you would like to display trips. Options include showing the latest trips, trips on sale, featured trips, trips filtered by term, or selecting specific trips from a list
- Number of Trips: Specify the total number of trips you want to display.
Additional Settings #
- Location: Enable the toggle to display location of trips.
- Title: Enable the toggle to display the title of trips.
- Wishlist: Enable the toggle display the wishlist icon.
General Settings #
- Typography: Configure the typography for the widget section.
- Padding: Adjust the padding around the content within the widget section
- Margin: Set the margin for the widget section.
- Alignment: Align the widget section as desired.
- Background Color: Choose the background color for the widget section.
- Box Shadow: Configure the box shadow effect for the post boxes within the widget section.
- Border Type: Select the border type for the widget section, applicable for both normal and hover states.
- Border Radius: Set the border radius to control the roundness of the corners, applicable for both normal and hover states.
Content #
- Alignment: Align the widget section as desired.
- Background Color: Choose the background color for the widget section.
- Padding: Adjust the padding around the content within the widget section.
- Border Type: Select the border type for the widget section.
- Box Shadow: Configure the box shadow for the post boxes within the widget section.
- Border Radius: Set the border radius to control the roundness of the corners.
Hero Post #
- Color: Choose the color for the Hero post.
- Hover Color: Select the hover color for the Hero post.
- Title Typography: Customize the typography for the Hero post title.
- Price Background Color: Define the background color for the price.
- Typography: Configure the typography for both the Normal Price and Strikeout Price.
- Color: Set the color for the Normal Price and Strikeout Price.
Title #
- Typography: Choose and configure the typography for the post titles.
- Color: Set the color of the trip titles displayed in this widget for both normal and hover mode.
- Padding: Set the padding around the Title of trips for both normal and hover mode.
- Margin: Set a margin around the title of the trips for both normal and hover mode.
Image #
- Image Size: Select the aspect ratio for the featured image of the trips for both normal and hover modes.
- Object Fit: Choose the object fit for the trip’s featured image in both normal and hover modes.
- Width: Specify the width of the image for both normal and hover modes.
- Height: Specify the height of the image for both normal and hover modes.
- Border Radius: Define the border radius for the images in both normal and hover modes.
- Box Shadow: Configure the box shadow of featured images of trips.
Location #
- Position: Set the position of the trip location.
- Typography: Configure the typography for the trip location.
- Icon Color: Choose the color for the location icon.
- Icon Size: Set the size of the location icon.
- Margin: Adjust the margin around the location.
- Text Color: Specify the text color for the trip location.
