Elementor Loop Carousel is designed for websites that need to present changing content in a horizontal, interactive format. Instead of building every card manually, you prepare a reusable loop template and connect it to a query that determines which posts, pages, landing pages or products appear. The carousel then presents those entries as horizontally scrolling items.
This approach separates three decisions that are often confused: the structure of each repeated card, the content selected by the query and the way visitors move through the results. This guide explains the documented Elementor controls for dynamic post and product showcases, including WooCommerce product queries, filtering, sorting, slides, autoplay, arrows and pagination. Exact availability can depend on the site configuration, so options should not be assumed to be identical across every Elementor plan or installation.
What Elementor Loop Carousel Is and When to Use It
Elementor describes Loop Carousel as a Loop Grid whose entries scroll horizontally instead of appearing in a vertical layout. Its purpose is to reuse one loop-based content design across multiple entries while allowing visitors to browse those entries from side to side.
The basic content model
The first part of the model is the loop template. It defines the repeated item, such as a post card, page card or product card. The second part is the query. The query identifies the content source and applies the available selection rules. The third part is the carousel presentation, which controls visible slides, movement, autoplay, arrows and pagination.
Documented sources include Posts, Pages, Landing Pages, Manual Selection, Current Query and Related content. Related content is based on shared taxonomy according to Elementor’s documentation. This makes the widget suitable for different content showcases, but it does not establish that using a carousel will improve conversions, search visibility, engagement or performance.
Loop Carousel vs. Loop Grid
The central difference is the browsing pattern. Elementor defines Loop Carousel as a horizontally scrolling version of a Loop Grid, so entries move from side to side rather than being displayed in a vertical grid. The content can still be based on a reusable loop template and a query, but the visitor interacts with the results differently.
Choose the presentation pattern
A carousel model can suit a showcase where visitors are expected to move through a sequence of cards and where a limited number of items should remain visible at one time. A vertical grid can be more appropriate when visitors need to scan a larger collection in a persistent, multi-row arrangement. This is a content and browsing decision, not a guaranteed performance or sales advantage.
Loop Carousel adds controls associated with horizontal movement, including the number of visible slides, the number of slides advanced per interaction, autoplay, navigation arrows and pagination. The documented distinction should not be expanded into a claim that both widgets behave identically in every implementation detail. Consider the structure of the content and the intended interaction before choosing the presentation.
Create the Loop Template Before Adding the Carousel
Before configuring the query, select or create the loop template that will define every repeated item. The template should give each entry a consistent structure. Depending on the content, that structure may include an image, title, metadata and a call to action where those elements are used in the site setup.
Review the card before deciding how many slides should be displayed. A card that is understandable on its own may become difficult to read when several items share the available space. Check the template at the responsive sizes available in the site configuration before finalizing the carousel behavior.
Separate card design from query logic
Keeping design and selection separate makes configuration easier to troubleshoot. The loop template controls the repeated item’s structure. Query settings control the source, filters and order of the entries. Layout, settings, navigation and pagination control how the selected entries move and appear.
If the wrong items are displayed, inspect the query rather than redesigning the card. If the correct items appear but the interaction is unclear, inspect the slide and navigation settings. This separation also helps when the same content-card structure is reused for different queries.
Display WooCommerce Products in a Loop Carousel
Elementor’s product query functionality requires WooCommerce to be installed. Once that requirement is met, a product-based loop can use documented sources such as Latest Products, Sale, Featured, Manual Selection, Related Products, Upsells and Cross-Sells.
Select the product source
Choose the source according to the purpose of the showcase. Latest Products can provide a current product selection, while Sale and Featured can focus the query on those product groups. Manual Selection is appropriate when the displayed products need to be chosen explicitly.
Related Products, Upsells and Cross-Sells are context-dependent sources. Their suitability depends on the product context and the actual site configuration. Do not assume that these sources will behave identically on every WooCommerce installation or with every related extension.
Narrow the product set
Product queries can be narrowed using available terms such as categories, tags, formats and custom taxonomies. The query may also provide include or exclude logic, depending on the selected content type and configuration. Review the resulting products after applying the filter instead of relying only on the setting label.
Product selection and visual presentation are separate decisions. First confirm that the query returns the intended products. Then configure the number of visible slides, movement, navigation and pagination. A product carousel does not by itself establish an improvement in sales, conversion rate or store performance.
Control Queries, Filters and Sorting
The Query section determines which entries are eligible for the carousel. Start by selecting the relevant content source, then review the available inclusion, exclusion, taxonomy and ordering controls. The exact controls depend on whether the query concerns posts, pages, landing pages or products, and product options depend on installed WooCommerce functionality.
Posts, pages and related content
For non-product content, documented sources include Posts, Pages, Landing Pages, Manual Selection, Current Query and Related. Use Manual Selection when the items should be specified directly. Current Query can connect the carousel to the query already defining the current context. Related content uses shared taxonomy according to Elementor’s documentation.
Apply the filters that match the selected source, then review the output. A taxonomy filter should be checked against the actual content terms used on the site. If inclusion and exclusion options are available, verify both rules together so the final set reflects the intended content rather than only one part of the configuration.
Product ordering choices
Elementor documents product sorting options including Date, Title, Price, Popularity, Rating, Random and Menu Order. Where applicable, the direction can be set to ascending or descending. Choose the order according to the purpose of the showcase, then inspect the displayed sequence after saving the setting.
For example, price ordering may be relevant to a price-oriented presentation, while date ordering may suit a recently added selection. These are configuration choices, not guarantees of better discovery, engagement or sales. Do not treat every ordering field as available for every content type or installation.
Configure Slides, Autoplay and Navigation
After the query produces the intended entries, configure how those entries are presented. Elementor’s Loop Carousel layout includes a selected loop template, Number of slides, Slides to display, Slides on Scroll and Equal Height. These controls describe different relationships: how many loop items exist, how many are visible and how many advance during an interaction.
Set the slide relationship
Use Number of slides to define the total loop items used by the carousel. Slides to display controls the visible item count, while Slides on Scroll controls the movement amount when visitors navigate. Equal Height is an additional layout control for the repeated items.
Check the result at the responsive sizes available in the site setup. A setting that is clear on a wide layout may present a different browsing experience when fewer items are visible. The documentation describes these controls, but it does not provide universal compatibility or accessibility results for every theme and installation.
Decide how movement is triggered
Autoplay determines whether items move automatically or only through visitor interaction. Elementor also documents scroll speed, pause on hover, pause on interaction, infinite scroll, transition duration and direction controls. Review these settings together rather than treating autoplay as automatically preferable.
When content changes automatically, provide meaningful pause or manual-navigation control for the intended visitor experience. Previous and next arrows can support manual movement. Test whether the movement speed, direction and transition duration allow visitors to understand the repeated card content before publishing.
Choose Pagination and Check Responsive Behavior
Pagination helps communicate the visitor’s position in the carousel. Elementor documents three pagination styles: dots, fractions and a progress bar. The pagination is divided into pages partly according to how many items are displayed on screen, so changing the visible slide count can also affect the number of pagination steps.
Select a pagination pattern
Choose dots, fractions or a progress bar according to the information the interface needs to communicate. Dots provide a compact indicator, while fractions or a progress bar can communicate progress more explicitly. None of these options is universally best.
Review the pagination at the responsive layouts used by the site. Check its position, readability and relationship with the navigation arrows. The available visual positioning controls can be reviewed in the navigation and Style settings. Confirm that the indicator remains understandable when the number of visible slides changes.
Final implementation checklist
Before publishing, review the complete configuration rather than checking only the card design.
- Confirm that the query returns the intended posts, pages, landing pages or products.
- Check include and exclude rules, taxonomy terms and sorting direction where applicable.
- Verify the selected loop template and the number of visible slides.
- Check how many slides advance during each navigation action.
- Review arrows, pagination and the selected pagination style.
- Test autoplay, pause on hover, pause on interaction, direction and transition behavior.
- Check the carousel on desktop and mobile layouts.
- Review readable card content, keyboard navigation, focus visibility and manual interaction.
These are practical implementation checks, not guarantees of accessibility, performance or compatibility. The reviewed documentation does not establish that every option behaves identically across all Elementor versions, themes, WooCommerce extensions or third-party add-ons.
Building a dynamic Elementor Loop Carousel is a sequence of separate decisions. Prepare the reusable loop template, choose the content query, narrow and sort the results, then configure visible slides, movement, autoplay, arrows and pagination. For WooCommerce, remember that product queries require WooCommerce and that product sources include latest, sale, featured, manual, related, upsell and cross-sell options. Finally, test the published interaction on desktop and mobile, including keyboard navigation, focus visibility and pause behavior. The documented controls support flexible post and product showcases, but they do not establish universal plan availability, compatibility, performance gains or conversion improvements. Explore our WordPress plugins, WooCommerce extensions, themes and membership plans to find the right tools for your website.