Post Loop Marquee takes posts, pages, products or any post type and scrolls them across the screen in a continuous loop. Show a simple title, date, excerpt and thumbnail, or design each item as a Breakdance global block. It is built for news tickers, product strips and announcement bars.
Each strip below is a live query on this site. Hover over a strip to pause it, and click an item to open it.
If you have built a Breakdance post loop, you already know how to set it up.
Choose the posts with the standard Breakdance query builder: post types, conditions, order and how many to show.
Use Simple mode to show the title, date, excerpt and thumbnail, or pick a global block to design each item yourself.
Pick left or right, the speed in seconds, the gap between items and whether it pauses on hover.
A ticker that stays up to date because it is built from your content.
Posts, pages, WooCommerce products or custom post types, using the Breakdance query builder with custom, text or PHP queries.
Design one card as a global block and it is repeated for every post in the marquee, with dynamic data for each one.
Show any mix of title, date, excerpt (trimmed to 15 words) and thumbnail without building a template.
In Simple mode each item links to its post. Titles underline on hover unless you turn that off.
Items are repeated so the strip scrolls without a gap or a jump back to the start.
Scroll left or right and set how many seconds one loop takes.
The strip stops when the visitor hovers so they can read or click an item.
Place a character such as a bullet or star, or any icon, between items, with its own colour and size.
Bar background, height, padding and borders, item background and borders, separate typography for title, excerpt and date, and thumbnail size.
Anywhere you want fresh content to catch the eye without taking up much space.
Show the latest headlines along the top of a news or magazine site.
Scroll new arrivals or a sale category across a shop home page.
Run event dates, offers or updates from a custom post type.
Scroll project titles or thumbnails in big type across a creative site.
Use a custom post type and a global block to scroll logos with links.
Show upcoming events with their dates in a slim bar above the header.
This is the full list of settings in the Breakdance editor, with their default values.
| Control | What it does | Default |
|---|---|---|
| Content | ||
| Display Mode | Global Block Template, or Simple (Title/Excerpt/Date). | Global Block Template |
| Global Block Template | The global block used for each item. | — |
| Show Title | Simple mode: show the post title. | On |
| Show Excerpt | Simple mode: show the excerpt, trimmed to 15 words. | Off |
| Show Date | Simple mode: show the publish date. | Off |
| Show Thumbnail | Simple mode: show the featured image. | Off |
| Link to Post | Simple mode: link each item to its post. | On |
| Query | ||
| Query | The Breakdance query builder: post types, conditions, order and number of posts. | Posts, 10, newest first |
| Marquee Settings | ||
| Scroll Direction | Left or Right. | Left |
| Speed (seconds) | How long one loop takes. Higher is slower. | 30 |
| Gap Between Items | Space between each item and its separator. | 40px |
| Pause on Hover | Stop scrolling while the mouse is over the strip. | On |
| Marquee Bar | ||
| Background Color | Background of the strip. | #000000 |
| Height | Height of the strip. | 50px |
| Padding / Borders | Padding, borders and radius of the strip. | — |
| Item Style | ||
| Background Color | Background of each item. | — |
| Padding / Borders | Padding, borders and radius of each item. | — |
| Separator Text | Character shown between items. | • |
| Separator Icon | An icon to use instead of the separator text. | — |
| Separator Color | Colour of the separator. | #666666 |
| Separator Size | Size of the separator. | 16px (icon) |
| Typography | ||
| Title / Excerpt / Date Typography | Text styles for each part, with hover colours. | — |
| Disable Underline on Hover | Stop titles underlining on hover. | Off |
| Thumbnail | ||
| Width / Height | Size of the featured image. | 40px |
| Borders | Borders and radius for the image. | 4px radius |
Yes. Build a card as a Breakdance global block using dynamic data such as the post title, image or price, then choose it in Global Block Template. It is repeated for each post in the query.
Increase Speed (seconds). The value is how long one full loop takes, so a higher number is slower. With more items, use a higher number to keep the same reading pace.
Yes. Choose Products as the post type in the query builder. The product strip above uses Simple mode with thumbnails.
No. The query runs each time the page is built, so new posts that match the query appear in the marquee on their own.
Yes. Use the query builder conditions, or switch the query to text or PHP mode and list the post IDs you want.
Post Loop Marquee is included with Phox Elements, along with 150+ other premium elements for Breakdance.
