What Layouts Can I Display Instagram Photos/Videos?
The INS Shopping Slider module lets you integrate Instagram photos and videos seamlessly into your PrestaShop store, helping you captivate visitors and turn them into customers. With multiple display layouts, you can showcase your Instagram content in a way that aligns with your store's design and enhances user engagement.
Below are the available layouts - Grid View, Carousel Slider, and Masonry - along with their configuration options for optimal setup.
1. Grid view
The Grid view layout organizes your Instagram photos and videos into a clean, structured grid. It’s perfect for displaying a large number of posts in a straightforward format.
Configuration options for Grid view:
- Enable jQuery Lazy Load: Improves page speed by loading images only when they come into view. Select "Yes" to activate.
- Force to use carousel slider on mobile: Converts the grid into a carousel slider for better mobile responsiveness. Choose "Yes" to enable.
- Allow to load more photos: Let users load additional photos by selecting "Yes."
- "Load More" type options:
- Click on "Load more" button: Users manually click a button to load more photos.
- Auto when scroll down: Photos load automatically as users scroll down the page.
2. Carousel slider
The Carousel slider layout displays Instagram photos and videos in a horizontal, scrollable slider. It’s an excellent choice for creating a dynamic and interactive experience.
Configuration options for carousel slider:
- Autoplay carousel slider: Automatically cycles through the slider images.
- Carousel slider speed (milliseconds): Define the transition speed between images in milliseconds (e.g., 2000 for 2 seconds).
3. Masonry
The Masonry layout arranges your Instagram photos and videos in a staggered grid, resembling a Pinterest board. It’s ideal for creating a visually intriguing, eclectic display.
Configuration options for masonry:
- Force full-width layout: Allows the gallery to span the full page width. Use this feature cautiously as it may disrupt your store’s overall design. If necessary, adjust your page's HTML container to full-width using CSS.
By selecting the layout that best suits your store's design and configuring it using the options above, you can create a captivating Instagram showcase on your PrestaShop store.
If you have questions or require further assistance, feel free to contact our support team. We’re always happy to help!