Skip to content

Conversation

@CySSoO
Copy link
Contributor

@CySSoO CySSoO commented Jan 29, 2026

Motivation

  • On mobile, the carousel navigation arrows were removed in favor of dot indicators for a cleaner, touch-friendly UI.
  • Indicators should only appear when there is more than one mobile slide to avoid unnecessary UI elements.

Description

  • Updated the template views/templates/hook/prettyblocks/prettyblock_category_tabs.tpl to calculate the number of mobile slides using {assign var='mobileProductsCount' value=$block.extra.products[$key]|@count} and {math equation="ceil(x / y)" x=$mobileProductsCount y=$mobileItems assign='mobileIndicatorsCount'}.
  • Rendered an <ol class="carousel-indicators"> block with a {section} loop to output indicator <li> elements when mobileIndicatorsCount > 1.
  • Removed the mobile carousel-control-prev and carousel-control-next buttons so mobile carousels use dots instead of arrows, and applied the change to both mobile carousel occurrences in the file.

Testing

  • No automated tests were executed as part of this change.

Codex Task

@CySSoO CySSoO merged commit 1197d03 into master Jan 29, 2026
2 of 6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants