$("#myBtn").click(function (e) {
e.preventDefault();
$('.content').css("display", "none");
});$("#myBtn").click(function (e) {
e.preventDefault();
$('.content').css("display", "block");
});$.post('/?func=add', и , function (data) вызывают ошибку (попробуйте метод=GET, меня лично смущает ('/?func=add' у вас имеется хоть такая функция??). Шерлок Холмс и доктор Ватсон отправились на природу. Прибыли на место, установили палатку, а когда на небе высыпали звезды, легли спать. Поздно ночью Шерлок Холмс вдруг будит доктора Ватсона, толкая его в бок, и спрашивает: "Ватсон! Взгляните на эти звезды и расскажите мне, какой вывод, используя дедуктивный метод, вы можете сделать". Ватсон отвечает: "Я вижу на небе миллионы звезд. А раз они существуют, значит, среди них, возможно, есть и планеты. Из чего мы, в свою очередь, делаем вывод, что некоторые из них напоминают нашу Землю. Следовательно, на каких-то из них может существовать жизнь". Внимательно выслушав собеседника, Шерлок Холмс говорит: "Ватсон, вы - полнейший идиот. Это означает, что у нас с вами украли палатку".
<?php get_header(); ?>
<?php if ( have_posts() ) : ?>
<!-- сортировка -->
<?php query_posts( $query_string . '&orderby=rand' ); ?>
<!--цикл -->
<?php while ( have_posts() ) : the_post(); ?>
<!-- ссылка картинка -->
<a href="<?php the_permalink() ?>"><?php the_post_thumbnail(); ?>
<!-- заголовок -->
<?php the_title(); ?>
<!-- дата -->
<? the_time('d / F / Y', '<b>', '</b>', true); ?>
</a><br/>
<?php endwhile; ?>
<!-- конец цикла -->
<!-- пагинация -->
<?php the_posts_pagination(); ?>
<?php else : ?>
<span>У нас ничего не выйдет( </span>
<?php endif; ?>
<?php get_footer(); ?><div class="slider-container swiper-container">
<!-- Swiper -->
<div class="swiper-container mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://i.ibb.co/XLz2LLs/slider-photo-2.jpg" alt="" />
</div>
<div class="swiper-slide">
<img src="https://i.ibb.co/XLz2LLs/slider-photo-2.jpg" alt="" />
</div>
<div class="swiper-slide">
<img src="https://i.ibb.co/XLz2LLs/slider-photo-2.jpg" alt="" />
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>.swiper-container {
width: 100%;
height: 100%;
display:flex;
align-items:center;
min-height:0;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
transition: all .6s ease-in-out;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
opacity: 0.3;
}
.swiper-slide img {
display: block;
width: 100%;
max-height: 200px;
object-fit: cover;
}
.swiper-slide-active {
opacity: 1!important;
transition: all .6s ease-in-out;
width: 100%;
opacity:1!important;
transition: all .6s ease-in-out;
}
.swiper-slide-active img {
transition: all .6s ease-in-out;
}var swiper = new Swiper(".mySwiper", {
loop: true,
centeredSlides: true,
slidesPerView: 3,
spaceBetween: 30,
pagination: {
el: ".swiper-pagination",
clickable: true,
speed: 1000
},
speed: 1000,
navigation: {
nextEl: '.slider-button-next',
prevEl: '.slider-button-prev',
}
});
ну да вордпресс ругается именно на него.
код скрывает лишние поля при оформлении заказа, подтягивается в футер