Square photos

This pre-defined component simply displays square shape photos in form of a grid. The first photo will be the __ leading __ photo and will be bigger in size.

Following is the location of this component.

Example

Variables

HomeSquarePhotos

title

string

optional

Section title

items

array [object {4}]

optional

List of images

url

boolean

optional

Should set overlay on the background or not.

link_type

string

optional

Type of the link for the home square photos.

Example:

`category`, `product`,`offers`,`page`,`external_link,`brand `

image

object

optional

text

string

optional

Visible title for the photo.

position

integer

optional

Sorting number start from zero

Usage

This component takes a list of photos as a collection of items[]. Each item in this collection has url, link_type, image.url, and image.alt. The first item represents the first image that will be the leading photo and will be bigger in size, then a for-loop will be used to list the rest of the photos.

Example#

Variables#

Usage#

Example

Variables

Usage