Skip to content

v1.1.0 - Frontend Shortcodes (Grid, Carousel, Magazine)

Choose a tag to compare

@github-actions github-actions released this 19 Apr 03:27
· 7 commits to main since this release

v1.1.0 — 프론트엔드 숏코드 3종

[dw_catalog_grid] — 카탈로그 그리드

반응형 그리드 (1~6 컬럼), 카테고리/ID 필터링, 커스텀 필드 표시, 상세보기 링크 선택

[dw_catalog_grid columns="4" per_page="12" category="seafood"]

[dw_catalog_carousel] — 카탈로그 캐로셀

vanilla JS 기반 (jQuery 의존성 없음), 좌우 화살표, 자동 재생, 호버 시 일시정지

[dw_catalog_carousel per_slide="3" autoplay="yes" interval="5000"]

[dw_catalog_magazine] — 매거진 스타일 상세

제품 이미지 배경 + 오버레이 (제목 + 커스텀 필드), 5가지 위치 선택

[dw_catalog_magazine position="bottom-right" overlay="dark"]
[dw_catalog_magazine position="middle" overlay="light"]

위치 옵션: top-left, top-right, bottom-left, bottom-right, middle

주요 특징

  • 반응형: 데스크톱 설정값 / 태블릿 2컬럼 / 모바일 1컬럼
  • 의존성 없음: 캐로셀도 vanilla JS로 구현 (추가 라이브러리 불필요)
  • 동적 필드: 커스텀 필드 설정에 따라 자동으로 표시
  • Select 라벨 해석: 저장된 값 대신 라벨로 표시 (예: activeActive)

문서

Tests

PASS: 106 / FAIL: 0 (14 new shortcode checks)