You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
115 lines
6.1 KiB
115 lines
6.1 KiB
<?php
|
|
global $product;
|
|
|
|
?>
|
|
|
|
<div class="product__item">
|
|
<div class="product-item__label">
|
|
<div class="product-item-label__tag product-item-label__tag--new">
|
|
Новинка
|
|
</div>
|
|
</div>
|
|
<a href="<?php the_permalink() ?>" class="product-item__product-card">
|
|
<img src="<?php echo wp_get_attachment_image_src( get_post_thumbnail_id( $product_id ))[0]; ?>" alt="" class="product-item__images">
|
|
</a>
|
|
<div class="product-item__content-card">
|
|
<div class="compound">
|
|
<div class="compound__item">Индейка </div>
|
|
<div class="compound__item">Индейка </div>
|
|
</div>
|
|
<a href="<?php the_permalink() ?>" class="product-item__title"><?php the_title() ?></a>
|
|
<div class="product-item__price">
|
|
<p>
|
|
<?php
|
|
$price = get_post_meta( get_the_ID(), '_regular_price', true);
|
|
$sale = get_post_meta( get_the_ID(), '_price', true);
|
|
|
|
if (!empty($sale)){
|
|
echo $sale;
|
|
} else {
|
|
echo $price;
|
|
}
|
|
?>
|
|
</p>
|
|
</div>
|
|
<div class="product-item__bye">
|
|
<button class="button button--white button--100-perc open-overlay">
|
|
Купить
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-item__overlay">
|
|
<div class="product-item-overlay__header">
|
|
<p class="product-item__title">
|
|
<?php the_title() ?>
|
|
</p>
|
|
<ul class="product-item-overlay__tags">
|
|
<li>Seperpremium</li>
|
|
<li>Для крупных и средних пород </li>
|
|
<li>Полнорационный</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<form class="product-item__form" method="post" action="/send-telegram.php">
|
|
<div class="product-item-overlay__input-block">
|
|
<div class="product-item-overlay__field">
|
|
<p class="product-item-overlay-field__title">Объем</p>
|
|
|
|
<div class="select">
|
|
<input type="text" class="select__state" value="2 кг" readonly="">
|
|
<div class="state__block">
|
|
<ul class="state__content">
|
|
<li>
|
|
<button class="state__button active">
|
|
2 кг
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button class="state__button">
|
|
3 кг
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button class="state__button">
|
|
4 кг
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-item-overlay__field">
|
|
<p class="product-item-overlay-field__title">Количество</p>
|
|
|
|
<div class="counter">
|
|
<button class="counter__button minus">
|
|
<img src="assets/img/svg/main/minus.svg" alt="">
|
|
</button>
|
|
<input type="text" class="counter__input" value="1">
|
|
<button class="counter__button plus">
|
|
<img src="assets/img/svg/main/plus.svg" alt="">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="product-item-overlay__price">
|
|
1280
|
|
</p>
|
|
<div class="product-item-overlay__block-button">
|
|
<div class="product-item-overlay__button">
|
|
<input class="button button--gradient button--base button--100-perc" type="submit" value="Добавить в корзину">
|
|
</div>
|
|
<div class="product-item-overlay__button">
|
|
<button class="to-know button--100-perc">
|
|
<p>Подробнее</p>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|