Banner

The banner data are coming from a typescript file which is located at,

shop -> src -> data -> static -> banners.ts

You've to update this JSON to build the mega menu.

Data Structure

id -> ID for a banner
title -> Title for a banner
slug -> This is a tag slug

At first, create the tag and add that tag slug on the slug path.

For example, if you want to start a special campaign for some products, just create a tag for that campaign in admin, add that tag to their related products, and on banners.ts, add that tag as a slug.

image -> Image path

mobile -> JSON object for mobile image
desktop -> JSON object for desktop image
url -> Path of the image
width -> Width of the image for next/image optimization
height -> Height of the image for next/image optimization

Data Mapping

homeOneBanner

homeOneHeroBanner

[1]

[2]

[3]

homeTwoHeroBanner

[1]

[2]

[3]

homeThreeBanner

[1]

[2]

homeThreeMasonryBanner

[1]

[2]

[3]

[4]

[5]

bannerGrid

[1]

[2]

[3]

promotionBanner

[1]

[2]

[3]

promotionBannerTwo

[1]

[2]

[3]

bannerDataOne

[1]

[2]

[3]

bannerDataTwo

[1]

[2]

[3]

homeThreeProductsBanner

[1]

[2]

homeFourBanner

[1]

[2]

[3]

homeFourGridBanners

[1]

[2]

[3]

homeFiveBanner

[1]