Anton | настройка cart checkout
This commit is contained in:
ab.an.ev@yandex.ru
@@ -15,6 +15,12 @@
|
||||
</head>
|
||||
<body <?php body_class( 'test1-cart-page' ); ?>>
|
||||
<?php wp_body_open(); ?>
|
||||
<div class="premium-topline">
|
||||
<div class="container premium-topline-inner">
|
||||
<span><?php esc_html_e( 'Curated cart experience', 'twentytwentyfour' ); ?></span>
|
||||
<span><?php esc_html_e( 'Проверка заказа • аккуратный апдейт • быстрый переход к оплате', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<header class="site-header">
|
||||
<div class="container">
|
||||
<div class="header-row">
|
||||
@@ -45,31 +51,139 @@
|
||||
<main id="top">
|
||||
<section class="hero checkout-hero">
|
||||
<div class="container">
|
||||
<div class="premium-stage premium-stage-cart">
|
||||
<div class="premium-orb premium-orb-one" aria-hidden="true"></div>
|
||||
<div class="premium-orb premium-orb-two" aria-hidden="true"></div>
|
||||
<div class="checkout-shell">
|
||||
<div class="hero-copy checkout-intro reveal">
|
||||
<span class="eyebrow"><?php esc_html_e( 'Ваш заказ', 'twentytwentyfour' ); ?></span>
|
||||
<h1 class="hero-title"><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?> <span><?php esc_html_e( 'в стиле test1', 'twentytwentyfour' ); ?></span></h1>
|
||||
<p class="hero-text"><?php esc_html_e( 'Проверьте количество товаров, при необходимости обновите заказ и переходите к оформлению. Визуально корзина приведена к тому же стилю, что и landing test1.', 'twentytwentyfour' ); ?></p>
|
||||
<div class="premium-kicker"><?php esc_html_e( 'Curated order preview', 'twentytwentyfour' ); ?></div>
|
||||
<h1 class="hero-title"><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?> <span><?php esc_html_e( 'с более дорогой подачей', 'twentytwentyfour' ); ?></span></h1>
|
||||
<p class="hero-text"><?php esc_html_e( 'Здесь заказ выглядит не как техническая таблица, а как аккуратно собранный премиальный набор: больше воздуха, яснее итог, спокойнее акценты и заметнее путь к оформлению.', 'twentytwentyfour' ); ?></p>
|
||||
<div class="premium-metrics">
|
||||
<div class="premium-metric">
|
||||
<strong><?php esc_html_e( '1 экран', 'twentytwentyfour' ); ?></strong>
|
||||
<span><?php esc_html_e( 'чтобы проверить весь заказ', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-metric">
|
||||
<strong><?php esc_html_e( 'гибко', 'twentytwentyfour' ); ?></strong>
|
||||
<span><?php esc_html_e( 'можно обновить количество и купоны', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-metric">
|
||||
<strong><?php esc_html_e( 'быстро', 'twentytwentyfour' ); ?></strong>
|
||||
<span><?php esc_html_e( 'переход к оформлению в один клик', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-actions">
|
||||
<a class="ghost-button" href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Добавить еще товары', 'twentytwentyfour' ); ?></a>
|
||||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
<a class="button" href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Оформить заказ', 'twentytwentyfour' ); ?></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="premium-note-row">
|
||||
<div class="premium-note-card">
|
||||
<span><?php esc_html_e( 'Эстетика', 'twentytwentyfour' ); ?></span>
|
||||
<strong><?php esc_html_e( 'Корзина встроена в язык landing, а не выбивается из него', 'twentytwentyfour' ); ?></strong>
|
||||
</div>
|
||||
<div class="premium-note-card">
|
||||
<span><?php esc_html_e( 'Удобство', 'twentytwentyfour' ); ?></span>
|
||||
<strong><?php esc_html_e( 'Итоги и действия читаются сразу, без лишних шагов', 'twentytwentyfour' ); ?></strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-card checkout-card reveal reveal-delay-1">
|
||||
<?php
|
||||
while ( have_posts() ) :
|
||||
the_post();
|
||||
the_content();
|
||||
endwhile;
|
||||
?>
|
||||
<div class="premium-stack reveal reveal-delay-1">
|
||||
<aside class="glass-card premium-aside premium-aside-cart">
|
||||
<div class="premium-aside-head">
|
||||
<span class="eyebrow eyebrow-inverse"><?php esc_html_e( 'Проверка состава', 'twentytwentyfour' ); ?></span>
|
||||
<h2><?php esc_html_e( 'Что удобно сделать перед checkout', 'twentytwentyfour' ); ?></h2>
|
||||
</div>
|
||||
<div class="premium-timeline">
|
||||
<div class="premium-timeline-item">
|
||||
<strong>01</strong>
|
||||
<span><?php esc_html_e( 'Проверьте нужный объем и количество бутылей', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-timeline-item">
|
||||
<strong>02</strong>
|
||||
<span><?php esc_html_e( 'При необходимости обновите заказ или примените купон', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-timeline-item">
|
||||
<strong>03</strong>
|
||||
<span><?php esc_html_e( 'Перейдите к оформлению и подтвердите адрес', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="premium-badge-grid">
|
||||
<div class="premium-badge-card">
|
||||
<span><?php esc_html_e( 'Лучший формат', 'twentytwentyfour' ); ?></span>
|
||||
<strong><?php esc_html_e( '19 л для дома и офиса', 'twentytwentyfour' ); ?></strong>
|
||||
</div>
|
||||
<div class="premium-badge-card">
|
||||
<span><?php esc_html_e( 'Комбинация', 'twentytwentyfour' ); ?></span>
|
||||
<strong><?php esc_html_e( 'кулер + компактные форматы', 'twentytwentyfour' ); ?></strong>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="glass-card checkout-card premium-form-card">
|
||||
<?php
|
||||
while ( have_posts() ) :
|
||||
the_post();
|
||||
the_content();
|
||||
endwhile;
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="footer premium-footer">
|
||||
<div class="container">
|
||||
<div class="footer-grid premium-footer-grid">
|
||||
<div class="footer-card premium-footer-card premium-footer-brand">
|
||||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||||
<span class="brand-mark" aria-hidden="true">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||||
<span><?php esc_html_e( 'Корзина в премиальном стиле test1', 'twentytwentyfour' ); ?></span>
|
||||
</span>
|
||||
</a>
|
||||
<p class="footer-description"><?php esc_html_e( 'Корзина стала частью общей истории бренда: от hero-экрана до финального блока действий все выглядит собранно, дорого и целостно.', 'twentytwentyfour' ); ?></p>
|
||||
<div class="premium-footer-pills">
|
||||
<span class="chip"><?php esc_html_e( 'мягкая премиальная палитра', 'twentytwentyfour' ); ?></span>
|
||||
<span class="chip"><?php esc_html_e( 'единый UX путь', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-card premium-footer-card">
|
||||
<h3><?php esc_html_e( 'Переходы', 'twentytwentyfour' ); ?></h3>
|
||||
<div class="footer-links">
|
||||
<a href="<?php echo esc_url( home_url( '/test1/' ) ); ?>"><?php esc_html_e( 'Страница test1', 'twentytwentyfour' ); ?></a>
|
||||
<a href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Каталог', 'twentytwentyfour' ); ?></a>
|
||||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Оформление заказа', 'twentytwentyfour' ); ?></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-card premium-footer-card">
|
||||
<h3><?php esc_html_e( 'Контакты', 'twentytwentyfour' ); ?></h3>
|
||||
<ul class="contact-list premium-footer-contacts">
|
||||
<li><strong><?php esc_html_e( 'Телефон:', 'twentytwentyfour' ); ?></strong> <a href="tel:+79781234567">+7 (978) 123-45-67</a></li>
|
||||
<li><strong><?php esc_html_e( 'E-mail:', 'twentytwentyfour' ); ?></strong> order@aqualinia-sev.ru</li>
|
||||
<li><strong><?php esc_html_e( 'Поддержка:', 'twentytwentyfour' ); ?></strong> <?php esc_html_e( 'ежедневно с 8:00 до 21:00', 'twentytwentyfour' ); ?></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom premium-footer-bottom">
|
||||
<span>© 2026 <?php bloginfo( 'name' ); ?></span>
|
||||
<span><?php esc_html_e( 'Cart redesigned with a premium editorial feel.', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<?php wp_footer(); ?>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user