This is an advanced setting. It might take some take to learn how to set up a mosaic banner, so carefully read through all the steps
The mosaic banner functionality lets you advertise several items in a clear and concise way, bringing more attention to bigger banners and less to smaller.
Use your favorite image editor program (such as Photoshop) to edit the images or design the banner you are looking for.
Make sure the measurements are perfect.
Tip! Keep in mind that you may need to keep some backup banners in case you run temporarily discounts or deals.
Navigate to Design > Headlines in the Lightspeed backend.
Often you’ll find the headlines scrambled after creating them. Use the triple-bar icon next to the headlines in the Lightspeed backend to rearrange them.
Make sure you refresh the front-end in the correct language to verify your results.
Here is a list of all available layouts
5 banners – 2 columns
Requirements:
4 banners – 2 columns
Requirements:
3 banners – 2 columns
Requirements:
2 banners – 2 columns
Requirements:
With this layout it’s safe to adjust the heights of the banners as long as they are equal.
3 banners – 3 columns
Requirements:
With this layout it’s safe to adjust the heights of the banners as long as they are equal.
4 banners – 3 columns
Requirements:
With this layout it might be wise to remove titles for the smallest banners because they will go out of bounds fast, but rather put any text inside the image or don’t use text (see banner image 4)
5 banners – 3 columns
Requirements:
With this layout it might be wise to remove titles for the smallest banners because they will go out of bounds fast, but rather put any text inside the image or don’t use text (see banner image 4/5)
5 banners – First headline full width
Requirements:
With this layout it’s safe to adjust the heights of banners 2, 3, 4 and 5 as long as they are equal.
With this layout it might be wise to remove titles for the smallest banners because they will go out of bounds fast, but rather put any text inside the image or don’t use text
4 banners – First headline full width
Requirements:
With this layout it’s safe to adjust the heights of banners 2, 3 and 4 as long as they are equal.
With this layout it might be wise to remove titles for the smallest banners because they will go out of bounds fast, but rather put any text inside the image or don’t use text
3 banners – First headline full width
Requirements:
With this layout it’s safe to adjust the heights of banners 2 and 3 as long as they are equal.
With this layout it might be wise to remove titles for the smallest banners because they will go out of bounds fast, but rather put any text inside the image or don’t use text