Trips Slider Two Widget

Overview

The Trips Slider Two widget helps you show your trips in a moving row on any page. A widget is a ready-made block you drag onto your page. Elementor is a page builder plugin that lets you design pages by dragging and dropping. A carousel is a sliding row of trip cards.

Before you start, make sure Elementor and WP Travel Engine are active in your WordPress site.

A good next step is choosing the layout that fits your page. Then you can decide which trips to show.

Layout settings

Your layout changes the overall look of the trip cards. Start here if you want the slider to match the style of your page.

• Layout - choose the card design you want to use for your trips. Different layouts give you different visual styles. For example, one layout may suit premium multi-day packages, while another may work better for short day tours.

Once the layout looks right, pick which trips you want visitors to see.

Query settings

These settings control which trips appear in the slider. This matters when you want to promote a certain group of tours instead of showing everything.

• Show Trips by - choose how the widget picks trips. You can show latest trips, trips on sale, featured trips, trips from a specific term, or hand-pick specific trips from a list. For example, you could show only featured Annapurna treks during peak booking season.
• Number of Trips - choose how many trips appear in the slider. For example, showing 4 to 6 trips often works well on a home page without making the section feel crowded.

After you choose the trips, you can decide what details each card should show.

Additional settings

These options help you control how much information appears on each trip card. Turn on the details that help people decide faster.

• Featured Ribbon - show a featured label on selected trips. This works well when you want to draw attention to your best-selling tours.
• Discount - show the discount percentage on trips that are on sale. This can help seasonal offers stand out.
• Review - show trip reviews on the card. Reviews can help build trust quickly.
• Location - show where the trip takes place. This is useful for operators who offer tours across several regions.
• Title - show the trip title.
• Title Meta - show extra title-related information with the trip title.
• Price - show the trip price on the card.
• Show Strikethrough Price on Sale - show the original price with a line through it when a trip is on sale. This helps visitors notice the savings.
• Duration Type - choose whether trip length shows in days or nights. For example, a lodge trek may be clearer in nights, while a sightseeing package may be clearer in days.
• Price Label - set the text that appears with the price. For example, you might use "From" for multi-day packages with variable pricing.
• Wishlist - show the wishlist icon so visitors can save trips for later.
• Show View More Button - show a button that lets visitors open the full trip details.
• View More Label - change the text on that button. For example, you might use "View Tour" or "See Itinerary."

Now that the card content is set, you can control how the slider moves.

Slider settings

These settings shape how the trip slider behaves on the page. They matter most when you want the section to feel calm, fast, or more eye-catching.

• Slider Number - choose how many trip cards show at the same time.
• Space Between Slides - set the gap between cards in pixels. A little extra space can make premium tour cards feel cleaner.
• Autoplay - make the slider move on its own.
• Autoplay Speed - choose how long the slider waits before moving to the next card, in milliseconds. A slower speed often works better for trips because visitors need time to read the title and price.
• Loop - keep the slider cycling back to the beginning after the last trip.
• Transition Speed - control how fast one slide changes to the next, in milliseconds.
• Slider Arrow - show left and right arrows for manual navigation.
• Slider Pagination - show navigation dots below the slider.

If the movement looks good, the last big step is matching the style to your brand.

General style settings

These settings change the look of the widget area as a whole. Use them to make the slider fit the rest of your site.

• Background Color - choose the background color for the widget section.
• Padding - add space inside the widget section around the content.
• Border Radius - round the corners of the section.
• Border Type - choose the border style for the section.
• Box Shadow - add a shadow effect around the trip cards in the section.

You can also style each part of the trip card on its own. That helps when you want prices, buttons, or tags to stand out more clearly.

Content style settings

These settings change the main content area inside each trip card.

• Alignment - choose how the content sits inside the card.
• Background Color - choose the background color for the content area.
• Padding - add space inside the content area.
• Border Type - choose the border style around the content area.
• Box Shadow - add a shadow around the content area.
• Border Radius - round the corners of the content area.

Image style settings

These settings change how the featured trip image looks. Hover means when a visitor moves their mouse over something.

• Image Size - choose the image ratio for normal view and hover view.
• Object Fit - choose how the image fills its space in normal view and hover view.
• Width - set the image width for normal view and hover view.
• Height - set the image height for normal view and hover view.
• Border Radius - round the corners of the image in normal view and hover view.
• Box Shadow - add a shadow around the image in normal view and hover view.

Title style settings

These settings help you make trip names easier to read and easier to notice.

• Typography - change the font style, size, and weight of the trip title.
• Color - choose the title color for normal view and hover view.
• Margin - add space around the title in normal view and hover view.

Location style settings

These settings control how the trip location appears on the card.

• Position - choose where the location appears.
• Typography - change the font style, size, and weight of the location text.
• Icon Color - choose the color of the location icon.
• Icon Size - choose the size of the location icon.
• Margin - add space around the location.
• Text Color - choose the location text color for normal view and hover view.

Metas style settings

These settings change the smaller trip details shown on the card.

• Typography - choose the font style for the trip meta details.
• Text Color - choose the text color for the trip meta details.
• Icon Size - choose the size of the meta icons.
• Icon Color - choose the color of the meta icons.
• Space Between - change the spacing between each meta item.
• Margin - add space around the trip meta details.

Price style settings

These settings help you make pricing clearer on the card.

• Layouts - choose how the price tag is displayed. Three layout options are available.
• Typography - change the font style for the regular price and the crossed-out sale price.
• Color - choose the color for the regular price and the crossed-out sale price.

Featured tag style settings

These settings style the featured label on selected trips.

• Typography - change the font style of the featured tag text.
• Layout - choose how the featured tag is displayed.
• Alignment - choose where the featured tag sits.
• Color - choose the text color of the featured tag.
• Background Color - choose the background color of the featured tag.

Discount tag style settings

These settings style the discount label for sale trips.

• Typography - change the font style of the discount tag text.
• Layout - choose how the discount tag is displayed.
• Alignment - choose where the discount tag sits.
• Color - choose the text color of the discount tag.
• Background Color - choose the background color of the discount tag.

Button style settings

These settings style the button that opens the trip details page.

• Typography - change the font style, size, and weight of the "View Detail" button text.
• Padding - add space inside the button.
• Margin - add space around the button.
• Background Color - choose the button background color for normal view and hover view.
• Text Color - choose the button text color for normal view and hover view.
• Border Type - choose the button border style for normal view and hover view.
• Border Radius - round the button corners in normal view and hover view.
• Box Shadow - add a shadow around the button in normal view and hover view.

Slider arrows and pagination style settings

These settings style the slider controls that visitors click or tap.

• Prev Arrow - choose the SVG icon for the previous arrow.
• Next Arrow - choose the SVG icon for the next arrow.
• Padding - add space around each arrow.
• Size - choose the arrow size.
• Offset - set how far the arrow sits from the slider.
• Background Color - choose the arrow background color for normal view and hover view.
• Color - choose the arrow color for normal view and hover view.
• Border Type - choose the border style for the arrows.
• Border Radius - round the arrow corners.
• Box Shadow - add a shadow around the arrows.
• Color (Pagination) - choose the color of the pagination dots.
• Active Color (Pagination) - choose the color of the active pagination dot.
• Spacing (Pagination) - change the space between pagination dots.