Marquee Element

What is the Marquee element?

Marquee element is used to create the horizontal scrolling-like effect for a row that contains other elements.

Here are some key features of the Marquee element that might have been utilized to:

• Highlight Promotions and Special Offers: E-commerce websites might have used the Marquee element to highlight special promotions, discounts, or limited-time offers. The scrolling effect could draw attention to these offers, making them more visible to users visiting the site.
• Display Brand Partnerships: E-commerce sites might have used the Marquee element to display a scrolling list of partner logos. This can showcase relevant brands and increase the credibility of the site, building trust with users through recognizable logos.
• Scrolling Customer Testimonials: The Marquee element could also have been used to feature scrolling customer reviews. This dynamic display can highlight positive feedback, enhancing the site’s trustworthiness by showcasing satisfied customer experiences.
• Display Call to Action: In some cases, e-commerce sites might have used the Marquee element to display scrolling CTAs. This can draw user attention to important actions like ‘Sign Up Now’ or ‘Learn More,’ prompting engagement and improving conversion rates through clear, visible prompts.

How to add the Marquee element to your product page with GemPages Editor V7?

Step 1: Go to the GemPages Editor V7 and find the Marquee element in the search bar.

Step 2: Drag and drop the element to the desired area.

Configure the settings tab.

Item management 

In the Item Management section, you can:

• Re-order items.
• Add items.
• Set max width for each item.
• Change spacing between items.

Icon separator

You can add an icon as a separator between each item and change its type, size, and color. 

Interaction 

Coming to the Interaction section, you are allowed to:

• Set up whether it should stop the marquee when a user hovers over it.
• Change marquee speed.
• Change marquee scrolling-like effect direction.
• Preview/Pause marquee animation in the design area.

Size

Customize the width and height of the Marquee element as you prefer. 

Item shape

You can edit the item shape in the Marquee element, such as Border, Corner, and Shadow. 

Color 

You can change the item background and Marquee background color in this section. 

Kindly note that:

• You can drop any element into a marquee except the following ones: Tabs, Accordion, Contact Form, Product, Hero Banner, Product List, Article List, and Carousel. 
• Too many marquees on the same page may cause lagging issues (>20). 
• Too many elements inside a marquee may cause lagging issues. 
• In case of a slow network that leads to slow image loading may cause the marquee size to change after the image has successfully loaded.

Configure the advanced tab.

For more advanced customization, please navigate to the Advanced tab and follow the instructions in this article.