Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Gecko -Instagram Feed

Alfred

Written by Alfred

Last updated

258 views

On this page


The section allows you to upload photos as Lookbook, actually this is not a section that allows you to get Instagram photos but it has the same interface as using Instagram photos and you can choose a grid, carousel layout for the section. You can choose the photos with the best quality and combine with the Lookbook function to make it more prominent and attractive. You can go to Theme sections > Add section > Search and add Instagram Feed to configure it.

1. Instagram Feed settings

GENERAL OPTIONS

  • Layout design: You can choose among Grid or Carousel layout.

  • It helps you configure the image with options for Aspect ratio, Image position, Image size, Photos effect when hover, Photos effect, Items per row and Spaces between photos.

instagram_1.png

OPTIONS FOR CAROUSEL LAYOUT

  • Slider effect: You can choose between Fade or Slider.

  • Enable loop: At the end of cells, wrap-around to the other end for infinite scrolling.

  • Autoplay speed in second: You can set the automatically time move on to the next image. Set is ‘0’ to disable auto play.

  • Pause autoplay on hover: Auto-playing will pause when the user hovers over the image.

instagram_2.png

PREV NEXT BUTTON

  • Use prev next button: This option allows you to enable/disable prev/next buttons for image.

  • Visible: You can choose between Always/ Only hover.

  • Button style: You can choose between Default, Outline, Simple.

  • Button shape(Not working with button style 'Simple'): You can choose between Default, Round, Rotate.

  • Button color: You can choose color for this button.

  • Buttons size: You can choose between Small, Medium, Large.

  • Hidden buttons on mobile: This option allows you disable this button on mobile devices.

instagram_3.png

PAGE DOTS

  • Use page dots: This option allows you to enable/disable page dot.

  • Dots style: You can choose between Default, Outline, Elessi.

  • Dots color: You can choose color for Dots.

  • Enable dots round: You can change dots from square to round.

  • Dots between horizontal: You can change the space between dots.

  • Hidden dots on mobile: This option allows you disable dots on mobile devices.

spaces_tdDF4h55NE3bVEDpck0F_uploads_Nh26fF7mUGpZfd1aovgL_instagram_4.webp

DESIGN OPTIONS

  • Layout: You can choose between Container, Wrapped Container and Full width. Besides, you can also upload a background image, choose a background color, or a background gradient for the layout.

  • Margin, Padding: You are allowed to change both of them for both on Mobile & Desktop devices

instagram_5.png

2. Instagram Feed Image

With this block, you can add an Image and Link for section.

spaces_tdDF4h55NE3bVEDpck0F_uploads_ONZXMXI6PDnZdC39AWrm_instagram_6.webp

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.