Trip Card

1. Layout

  • Description: Select the overall layout style for displaying trip items.

  • Options:

    • Grid: Displays trips in a multi-column grid format.

    • List: Displays trips in a multi-row format.


2. Grid Style

  • Description: Choose a specific design variation for the grid layout.

  • Options:

    • 01, 02, etc.: Each number corresponds to a different card design, affecting elements like spacing, button positions, hover effects, etc.

  • Tip: Refer to your theme documentation or live preview to see visual differences between styles.


3. Image Size

  • Description: Define the size of the trip thumbnail image.

  • Format: width x height (e.g., 600x450)

  • Recommended: Maintain a consistent aspect ratio (e.g., 4:3 or 3:2) to ensure visual consistency.


4. Enable Slider Thumbnail

  • Description: Enable or disable the image slider (carousel) inside each trip card.

  • Options:

    • Yes: Shows a small image slider allowing users to view multiple images.

    • No: Only the main thumbnail will be displayed.


5. Enable Wishlist

  • Description: Allow users to save or "favorite" trips for later.

  • Options:

    • Yes: Displays a wishlist icon (typically a heart) on the card.

    • No: Hides the wishlist feature.


6. Enable Rating

  • Description: Display user ratings (star reviews) on each trip card.

  • Options:

    • Yes: Shows average rating (e.g., ★★★★☆).

    • No: Rating will not be shown.


7. Enable Location

  • Description: Show the trip's location (city, region, or country) directly on the card.

  • Options:

    • Yes: Location appears on the card.

    • No: Location is hidden.


8. Enable Duration

  • Description: Show the duration of the trip (e.g., "3 days 2 nights").

  • Options:

    • Yes: Duration is displayed on the card.

    • No: Duration is not shown.


Final Notes

  • After making changes, click the Publish button to apply them.

  • Some layout or style changes may require clearing cache or refreshing the frontend.

  • If you're unsure which style suits your site, preview each layout live or consult your theme's documentation.

Last updated