Accommodation Gallery

Accommodation Gallery Widget

The Accommodation Gallery Widget showcases all images from the accommodation’s gallery, created in a Bilberry-connected service (e.g., Visbook). Images are displayed in a responsive carousel, adapting to different screen sizes for a seamless viewing experience.

Key Features

1. Responsive Carousel Displays images in a carousel format, optimized for various screen sizes.

2. Dynamic Alignment Allows you to customize the alignment or scaling of images when the gallery doesn’t fill the screen width.

3. External Data Integration Automatically pulls images from the accommodation’s gallery in the connected service (e.g., Visbook).

How to Use

Add the widget to your webpage using the HTML snippet below. Replace the id with the accommodation ID from your external accommodation system.

Example:

<bilberry-accommodation-gallery id="123"></bilberry-accommodation-gallery>

Widget Properties

Property	Description	Default Value	Required
id	The ID of the accommodation in the external system (e.g., Visbook).	N/A	Yes
num-xs	Number of images to display on extra small screens.	1	No
num-sm	Number of images to display on small screens.	2	No
num-md	Number of images to display on medium screens.	3	No
num-lg	Number of images to display on large screens.	3	No
align	Determines how to handle image alignment if there are fewer images than screen width allows. Options: scale, left, center, right.	scale	No
lazy-load	Set to yes to defer loading the widget content until it is visible in the viewport. Options: yes, no.	no	No

Setting Up on Wix

If you’re using Wix as your website builder, follow these steps to configure the widget:

1. Access the Configuration Guide: Refer to the relevant guide in these docs for general widget setup on Wix.
2. Use the Following Values:
   • Server URL: https://bilberry-widgets.b-cdn.net/v4/wix-wrappers/WixBilberryAccommodationGallery.js
   • Tag Name: wix-bilberry-accommodation-gallery

Tips for Effective Integration

1. Ensure High-Quality Images: Use high-resolution images to provide users with a visually appealing experience.
2. Mobile Optimization: Verify the widget’s responsiveness on mobile devices to maintain a seamless viewing experience.
3. Test Alignment Options: Experiment with the align property (scale, left, center, right) to see what works best for your gallery.
4. Validate the Accommodation ID: Ensure the id corresponds to a valid accommodation in your external system (e.g., Visbook).

By leveraging the Accommodation Gallery Widget, you can provide a dynamic and engaging way to showcase your accommodations’ visuals.