Skip to content

Adjust category tabs desktop layout to 50/50 split#998

Merged
CySSoO merged 1 commit intoprettyblockfrom
cyssoo/adjust-desktop-layout-for-slider-and-products
Mar 9, 2026
Merged

Adjust category tabs desktop layout to 50/50 split#998
CySSoO merged 1 commit intoprettyblockfrom
cyssoo/adjust-desktop-layout-for-slider-and-products

Conversation

@CySSoO
Copy link
Contributor

@CySSoO CySSoO commented Mar 9, 2026

Motivation

  • Ensure the category-tabs block renders the image slider at 50% width on desktop and the next two products occupy the remaining 50% as requested, while keeping mobile behavior unchanged.

Description

  • Updated Bootstrap grid classes in the category tabs template so the slider column uses col-lg-6 instead of col-lg-4 and the adjacent product column uses col-lg-6 instead of col-lg-8.
  • Harmonized the conditional/fallback branches that applied slider-aware widths to also use col-lg-6 for desktop.
  • Changes made in views/templates/hook/prettyblocks/prettyblock_category_tabs.tpl and only touch template grid classes (no CSS files were modified).

Testing

  • Verified the template diff with git diff to confirm only the intended class replacements occurred and the working tree shows the modified file (succeeded).
  • Searched the template with rg to confirm updated col-lg-6 occurrences (succeeded).
  • Attempted an automated visual check via Playwright to capture a screenshot, but the container had no local webserver accessible at http://127.0.0.1:8080 so the page capture failed with ERR_EMPTY_RESPONSE (failed).

Codex Task

@CySSoO CySSoO merged commit 2188b09 into prettyblock Mar 9, 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.

1 participant