# Packages Listing

The **Packages Listing Shortcode** is used to display a list of course packages — bundles that may include multiple classes or courses — anywhere on your site. This helps promote curated sets of educational content with a unified price or subscription plan.

<figure><img src="https://content.gitbook.com/content/FWDykheMbBOzsPpHi9FR/blobs/xjLfH6JhWJXwHZvC9KWI/package-list.jpg" alt=""><figcaption></figcaption></figure>

**Packages Listing Shortcode**&#x20;

Use the following parameters to customize the appearance and behavior of your **Packages Listing**:

<table data-header-hidden><thead><tr><th width="274"></th><th></th></tr></thead><tbody><tr><td><strong>Parameter</strong></td><td><strong>Description</strong></td></tr><tr><td><code>default-display-type</code></td><td>Choose the display type for packages: <code>list</code> or <code>grid</code>.</td></tr><tr><td><code>post-per-page</code></td><td>Enter the number of package posts to display per page.</td></tr><tr><td><code>columns</code></td><td>Number of columns to display: <code>1</code>, <code>2</code>, or <code>3</code>.</td></tr><tr><td><code>apply-isotope</code></td><td>Enable isotope layout: <code>true</code> or <code>false</code>. <em>Note: Isotope layout adds filter/sorting animations.</em></td></tr><tr><td><code>type</code></td><td>Choose one of the available design layouts: <code>type1</code>, <code>type2</code>, or <code>type3</code>.</td></tr><tr><td><code>package-item-ids</code></td><td>Display specific packages by entering their IDs separated by commas.</td></tr></tbody></table>

**Carousel Parameters**

<table data-header-hidden><thead><tr><th width="281.77783203125"></th><th></th></tr></thead><tbody><tr><td><strong>Parameter</strong></td><td><strong>Description</strong></td></tr><tr><td><code>enable-carousel</code></td><td><code>true</code> or <code>false</code> – Enable carousel slider layout.</td></tr><tr><td><code>carousel-autoplay</code></td><td>Milliseconds delay between transitions (e.g., <code>1000</code>). Leave empty to disable.</td></tr><tr><td><code>carousel-slidesperview</code></td><td>Number of slides visible at once (<code>1</code>, <code>2</code>, or <code>3</code>). Limited in list view.</td></tr><tr><td><code>carousel-loopmode</code></td><td><code>true</code> or <code>false</code> – Enable continuous looping.</td></tr><tr><td><code>carousel-mousewheelcontrol</code></td><td><code>true</code> or <code>false</code> – Allow slide control via mouse wheel.</td></tr><tr><td><code>carousel-bulletpagination</code></td><td><code>true</code> or <code>false</code> – Show bullet-style pagination controls.</td></tr><tr><td><code>carousel-arrowpagination</code></td><td><code>true</code> or <code>false</code> – Show left/right arrow navigation controls.</td></tr><tr><td><code>carousel-spacebetween</code></td><td>Space between slides in pixels (e.g., <code>15px</code>).</td></tr></tbody></table>

**Shortcode :**&#x20;

```
[dtlms_packages_listing columns="3" apply-isotope="false" package-item-ids="10812, 10813, 10814" enable-carousel="true" carousel-slidesperview="2" carousel-loopmode="true" carousel-mousewheelcontrol="true" carousel-bulletpagination="true" carousel-arrowpagination="true"]
```

<figure><img src="https://content.gitbook.com/content/FWDykheMbBOzsPpHi9FR/blobs/DtlQWAvj76o0G9hdtDHv/package_listing_shortcode.png" alt=""><figcaption></figcaption></figure>