f1den
29d10ce4cf
Каталог, карточка товара, корзина, оформление заказа и блог на WooCommerce. Стили разложены по слоям: токены из Figma, база, компоненты, страницы, брейкпоинты. Цвета, типографика, радиусы и отступы взяты из Variables и текстовых стилей макета, ниже по слоям хардкода нет. Иконки — Phosphor, вставляются инлайном как SVG, символами ничего не рисуется. Стили WooCommerce отключены, вёрстка своя, !important не используется.
43 lines
1.2 KiB
PHP
43 lines
1.2 KiB
PHP
<?php
|
|
/**
|
|
* Template Name: Каталог категорий
|
|
*
|
|
* @package VyatkaShop
|
|
*/
|
|
|
|
get_header();
|
|
|
|
$categories = get_terms(
|
|
array(
|
|
'taxonomy' => 'product_cat',
|
|
'hide_empty' => false,
|
|
'parent' => 0,
|
|
'number' => 4,
|
|
)
|
|
);
|
|
?>
|
|
<div class="container">
|
|
<?php vyatka_shop_breadcrumbs( get_the_title() ); ?>
|
|
<h1 class="page-heading"><?php the_title(); ?></h1>
|
|
</div>
|
|
<section class="section catalog-grid-section">
|
|
<div class="container">
|
|
<div class="category-grid">
|
|
<?php if ( ! is_wp_error( $categories ) ) : ?>
|
|
<?php foreach ( $categories as $category ) : ?>
|
|
<a class="category-card" href="<?php echo esc_url( get_term_link( $category ) ); ?>">
|
|
<span class="category-card-copy">
|
|
<h3><?php esc_html_e( 'Название', 'vyatka-shop' ); ?></h3>
|
|
<p><?php esc_html_e( 'Описание категории', 'vyatka-shop' ); ?></p>
|
|
<span class="text-link"><?php esc_html_e( 'Перейти', 'vyatka-shop' ); ?><?php vyatka_shop_icon( 'arrow-right-fill', array( 'class' => 'icon-20' ) ); ?></span>
|
|
</span>
|
|
<span class="category-card-media" aria-hidden="true"></span>
|
|
</a>
|
|
<?php endforeach; ?>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<?php
|
|
get_footer();
|