cms-SiteForge/themes/trade-pro/pages/category.html at df2a183dbff2f19c77f2a4bd82d09890a4c24484 - cms-SiteForge - Gitea: Git with a cup of tea

xinyouhe/cms-SiteForge

Files

T

浅念 9ea8369e2b feat: port cms listing layout into trade-pro (kind-branched cards/filters/pagination)

Task 10c. listing.html (category.html now includes it) replaces the thin
pro-inner-hero variant with the cms list designs:
- product-like listings (product/vehicle/brand/case/service) get the
  products/[...page].astro form: ported PageHero, 260px sticky category
  side panel, 3-col sf-tp-card grid reusing the 10a card components
- post-like listings (/news/, /post/) get the news/[...page].astro form:
  1fr+310px two-col layout, horizontal news rows (290px media + tag/
  title/summary/Read more), three aside boxes (Latest/Popular/count)
- pagination is the cms Pagination window (first/last + current-2..+2,
  ellipsis collapse) with arrow-left/arrow-right SVG icons and
  builder-consistent URLs (page 1 = section root)
- platform filter contract kept: .pro-filter-panel stays the immediate
  previous sibling of .pro-filter-scope (pro.js previousElementSibling
  lookup); cards/rows carry .pro-card + data-brand/data-category
- empty sections hide filters/grid/pagination behind a friendly empty
  state (noindex scaffold pages)

Test: test_trade_pro_listing_layout_structure drives a real build with
105 imported products + 3 posts, asserting both branches, static
pagination on /categories/pumps/ pages 1-2, contract adjacency, and
no bare arrow glyphs.

Co-Authored-By: Claude Code <noreply@anthropic.com>

2026-10-23 14:06:15 +08:00

5 lines

265 B

HTML

Raw Blame History

 {# 派生分类页与 listing 同构（Task 10c 起共用同一列表布局；
    分类上下文由 theme_pro.select_listing 按 page.category 过滤产品组，
    分页来自构建期 render_paginated 的 _pagination）。 #}
 {% include 'pages/listing.html' %}