What is the Content Marquee Carousel?
The ContentMarqueeCarousel is a flexible image and label carousel that displays a horizontal row of items — images, text labels, or both — at a consistent height. Each item can link to a category, brand page, or external URL. You can configure it to scroll automatically as a marquee, move slowly or quickly, or display statically for users to browse at their own pace.
Before you start
Have your images ready and sized appropriately — the carousel enforces a fixed display height, so very tall images will be cropped
Decide on your item height for mobile and desktop (200px and 300px are the defaults)
Gather the internal paths or external URLs you want each item to link to
How to add the slice to a page
Step 1: Open your page in your CMS
Navigate to the page where you want the carousel to appear and open it for editing.
Step 2: Insert a ContentMarqueeCarousel slice
Click the + button to add a new slice, search for ContentMarqueeCarousel, and insert it in the desired position on the page.
Configure the slice settings
Once the slice is added, you'll see the following settings in the configuration panel:
General
Active — Toggle on to make the slice visible on your site. Leave off to hide it without deleting it.
Location Slug — Optionally restrict this slice to a specific store location. Leave blank to show it to all locations.
Full Width — Toggle on to stretch the carousel edge-to-edge across the page. Off keeps it within the page container.
Background
Background Color — Set a solid background color behind the carousel items.
Background Image — Optionally upload a background image behind the carousel.
Min Height — Set a minimum height (in px) for the section.
Background Style Fixed Cover — Toggle on to fix the background image in place as users scroll (parallax effect).
Animation
Autoplay Mode — Controls how the carousel moves automatically:
disabled — No autoplay; users scroll manually (default)
marquee — Items scroll continuously like a ticker
slow — Slides advance slowly on a timer
fast — Slides advance quickly on a timer
Disable Autoplay On Interaction — Toggle on to pause autoplay when a user interacts with the carousel.
Layout & Spacing
Border Section Inside Container — Toggle on to add a border inside the container boundary.
Border Bottom Color / Border Bottom Width — Set a colored bottom border on the section.
Padding Section — Choose large, medium, or small top/bottom padding around the carousel.
Bottom Spacing — Toggle on to add extra spacing below the slice.
Item sizing
Item Label Color — Set the color for all item labels.
Item Height Mobile — Fixed display height (in px) for each item on mobile. Default: 200.
Item Height Desktop — Fixed display height (in px) for each item on desktop. Default: 300.
Item Spacing Between Mobile / Desktop — Gap (in px) between items on mobile and desktop.
Add items to the carousel
Each item in the carousel is configured individually in the repeatable Items section. You can add as many items as needed.
For each item, configure the following:
Location Slug — Optionally show this item only at a specific store location.
Image — Upload the image to display (optional — you can use a label only).
Label — Text label displayed below the image (optional — e.g. "FLOWER", "VAPES", "DEALS").
Internal Link Path — Path to an internal page, such as
/shop?category=FLOWERor a brand slug.External Link — Link to an external URL if needed.
Tips
Images are displayed at a fixed height — horizontal images work best. Very tall images will be cropped at the top and bottom.
Use the marquee autoplay mode for a continuous scrolling effect similar to a news ticker — great for showcasing many categories at once.
Leave Image empty and fill in only a Label to create a text-only item — the label will expand to fill the configured item height.
Use Location Slug on individual items (not just the slice) to show different images to different store locations within the same carousel.