$selectPost = new WP_Query(array( 'page_id' => 48 ));<?
// Выбираем пост, из которого будет выборка параметров
$selectPost = new WP_Query(array( 'page_id' => 48 ));
// Входим в пост
while ($selectPost->have_posts()) { $selectPost->the_post();
// У нас есть 3 параметра, которые необходимо выбрать, обработать и вставить в 3 элемента товара
for ($i=1; $i <= 4; $i++) {
// Выбираем параметр
$product = get_field('select_'.$i.'_product'); ?>
<div class="choose__item">
<a href="<?php echo get_permalink($product->ID) ?>">
<h3 class="choose-item__title"><? echo $product->post_title; ?></h3>
<img src="<? echo get_the_post_thumbnail_url($product->ID); ?>" alt="Ферменкол Элактин" class="choose-item__img" width="232" height="232">
<div class="cost">
<?
// Выбираем мета-данные - цены
$cost_now = get_post_meta($product->ID, '_sale_price', true);
$cost_before = get_post_meta($product->ID, '_regular_price', true);
// Если цена со скидкой есть
if ($cost_now) { ?>
<span class="cost__now"><? echo $cost_now; ?> р.</span>
<span class="cost__before"><? echo $cost_before; ?> р.</span>
<? }
// иначе
else{ ?>
<span class="cost__now"><? echo $cost_before; ?> р.</span>
<? }
?>
</div>
</a>
<a href="?add-to-cart=<? echo $product->ID; ?>" class="btn btn-main btn-main_fill choose__btn">Добавить в корзину</a>
</div>
<? }
}
?>$('.toggle-container').on('click', function(e) {
$(this).find('.toggle').toggleClass('active');
if ($(this).find('.toggle').hasClass('active')) {
$(this).closest('.config__rent-block').find('.toggle-text-right').addClass('color-green');
$(this).closest('.config__rent-block').find('.toggle-text-left').removeClass('color-blue');
$(this).closest('.slider').find('.div1').hide();
$(this).closest('.slider').find('.div2').show();
} else {
$(this).closest('.config__rent-block').find('.toggle-text-left').addClass('color-blue');
$(this).closest('.config__rent-block').find('.toggle-text-right').removeClass('color-green');
$(this).closest('.slider').find('.div2').hide();
$(this).closest('.slider').find('.div1').show();
}
});<div class="config__rent-block">
<span class="toggle-text-left color-blue" class="mr-4 color-blue">Название1</span>
<div class="toggle-container">
<div class="toggle"></div>
</div>
<span class="toggle-text-right" class="ml-3">Название2</span>
</div>
<div class="slider6">
<div class="div1">1</div>
<div class="div2">2</div>
</div>