Customizing Ditto Pagination Markup for Carousel-Style Navigation

A practical Ditto pagination pattern for layouts where previous and next controls need custom markup instead of default numbered links.

Ditto pagination does not have to look like a standard archive pager. On more visual layouts, such as carousels or featured content strips, the important part is often the previous and next controls rather than page numbers.

Typical setup

[[Ditto?
 &tpl=`tplCatDitto`
 &parents=`16`
 &display=`6`
 &paginate=`1`
 &id=`cat`
 &tplPaginatePrevious=`catPaginatePrevious`
 &tplPaginateNext=`catPaginateNext`
]]

The custom previous and next templates can then output the exact markup the slider UI needs.

Why this is useful

It lets Ditto handle the paging logic while the theme controls the presentation layer. That is cleaner than hard-wiring navigation behavior into JavaScript with no awareness of the underlying content pagination.

When the pager is visual, custom templates are the right tool. The important thing is to keep the logic in Ditto and the styling in the theme, not the other way around.

Newer post

Making TinyMCE Output Styles Instead of Deprecated Tags

How to configure TinyMCE so formatting actions generate style-based markup instead of older presentational tags where possible.

Older post

Choosing the Right Sender Address in eForm

How to avoid mail-delivery problems in Evolution CMS eForm setups by separating the visible sender identity from the real SMTP-safe sender address.