f1den
29d10ce4cf
Каталог, карточка товара, корзина, оформление заказа и блог на WooCommerce. Стили разложены по слоям: токены из Figma, база, компоненты, страницы, брейкпоинты. Цвета, типографика, радиусы и отступы взяты из Variables и текстовых стилей макета, ниже по слоям хардкода нет. Иконки — Phosphor, вставляются инлайном как SVG, символами ничего не рисуется. Стили WooCommerce отключены, вёрстка своя, !important не используется.
54 lines
1.5 KiB
PHP
54 lines
1.5 KiB
PHP
<?php
|
|
/**
|
|
* Site header.
|
|
*
|
|
* @package VyatkaShop
|
|
*/
|
|
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit;
|
|
}
|
|
?>
|
|
<!doctype html>
|
|
<html <?php language_attributes(); ?>>
|
|
<head>
|
|
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<?php wp_head(); ?>
|
|
</head>
|
|
<body <?php body_class(); ?>>
|
|
<?php wp_body_open(); ?>
|
|
<header class="site-header">
|
|
<div class="container header-inner">
|
|
<?php if ( has_custom_logo() ) : ?>
|
|
<div class="brand"><?php the_custom_logo(); ?></div>
|
|
<?php else : ?>
|
|
<a class="brand" href="<?php echo esc_url( home_url( '/' ) ); ?>" aria-label="<?php esc_attr_e( 'На главную', 'vyatka-shop' ); ?>">
|
|
<?php vyatka_shop_brand_mark(); ?>
|
|
</a>
|
|
<?php endif; ?>
|
|
|
|
<nav class="main-nav" id="site-navigation" aria-label="<?php esc_attr_e( 'Главная навигация', 'vyatka-shop' ); ?>">
|
|
<?php
|
|
wp_nav_menu(
|
|
array(
|
|
'theme_location' => 'primary',
|
|
'container' => false,
|
|
'fallback_cb' => 'vyatka_shop_fallback_menu',
|
|
)
|
|
);
|
|
?>
|
|
</nav>
|
|
|
|
<button class="menu-toggle" type="button" aria-expanded="false" aria-controls="site-navigation">
|
|
<?php vyatka_shop_icon( 'list' ); ?>
|
|
<span class="screen-reader-text"><?php esc_html_e( 'Открыть меню', 'vyatka-shop' ); ?></span>
|
|
</button>
|
|
|
|
<a class="cart-link" href="<?php echo esc_url( vyatka_shop_cart_url() ); ?>" aria-label="<?php esc_attr_e( 'Корзина', 'vyatka-shop' ); ?>">
|
|
<?php vyatka_shop_icon( 'cart' ); ?>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
<main class="site-main">
|