- Главная
- WOOCOMMERCE
WOOCOMMERCE
22 сентября 2021
page-home.php Вывести товары
<div class="products" id="products">
<div class="container">
<div class="content-title"><?php the_field('заголовок_блока_товаров'); ?></div>
<div class="flex_block">
<?php query_posts('post_type=product & posts_per_page=-1');?>
<?php if ( have_posts() ) : ?>
<?php while ( have_posts()) : the_post(); ?>
<div class="product--inner">
<?php do_action( 'woocommerce_widget_product_item_start', $args ); ?>
<div class="titl-block"><?php the_title(); ?></div>
<div class="miniature">
<?php the_post_thumbnail('medium_large'); ?>
</div>
<div class="entrytext"><?php the_content(); ?></div>
<div class="price-block"><?php echo $product->get_price_html(); ?></div>
<div class="btn-block">
<form class="clearfix" method="post" enctype='multipart/form-data'>
<button type="submit" name="add-to-cart" value="<?php echo esc_attr( $product->get_id() ); ?>" class="btn btn-go single_add_to_cart_button button alt">Купить сейчас</button>
<?php do_action( 'woocommerce_after_add_to_cart_button' ); ?>
</form>
</div>
<?php do_action( 'woocommerce_after_add_to_cart_button' ); ?>
</div>
<?php endwhile; ?>
<?php endif; ?>
<?php wp_reset_query();?>
</div>
</div>
</div>
function.php
//WOOCOMMERCE
//WOOCOMMERCE
//WOOCOMMERCE
//подключение вукомерц
define('WOOCOMMERCE_USE_CSS', false);
add_theme_support( 'woocommerce' );
//подключение вукомерц
// отключить стили
add_filter( 'woocommerce_enqueue_styles', 'jk_dequeue_styles' );
function jk_dequeue_styles( $enqueue_styles ) {
unset( $enqueue_styles['woocommerce-general'] ); // Remove the gloss
unset( $enqueue_styles['woocommerce-layout'] ); // Remove the layout
unset( $enqueue_styles['woocommerce-smallscreen'] ); // Remove the smallscreen optimisation
return $enqueue_styles;
}
add_filter( 'woocommerce_enqueue_styles', '__return_false' );
//отключить стили
////сообщение добавлено в корзину
//add_filter( 'wc_add_to_cart_message_html', 'filter_function_name_8802', 10, 3 );
//function filter_function_name_8802( $message, $products, $show_qty ){
// echo '<div class="modal-smg_boby modal-smg-thanks" id="modal-smg-cardadd">
// <div class="modal-smg_boby-content">
// <div class="modal-smg">
// <div class="modal-smg_container">
// <a class="close--modal-smg" href="javascript:PopUpHideCardadd()"></a>
// <div class="thanks-content addcart-modal-content">
// <img src="https://img.icons8.com/ios/50/216fed/ok.png">
// <div class="title-block">Добавлено в корзину</div>
// <div class="btn-block">
// <a class="btn" href="/cart/">Оформить заказ</a>
// <a class="btn btn-border" href="javascript:PopUpHideCardadd()">Продолжить покупки</a>
// </div>
// </div>
// </div>
// </div>
// <a class="close-smg_boby" href="javascript:PopUpHideCardadd()"></a>
// </div>
// </div>';
// return $message;
//}
//сообщение добавлено в корзину
//знак рубля
add_filter('woocommerce_currency_symbol', 'change_existing_currency_symbol', 10, 2);
function change_existing_currency_symbol( $currency_symbol, $currency ) {
switch( $currency ) {
case 'RUB': $currency_symbol = ' руб'; break;
}
return $currency_symbol;
}
//знак рубля
//удалить поля оформления заказа
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
function custom_override_checkout_fields( $fields ) {
unset($fields['billing']['billing_company']);
unset($fields['billing']['billing_address_1']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_city']);
unset($fields['billing']['billing_state']);
unset($fields['billing']['billing_country']);
unset($fields['billing']['billing_postcode']);
unset($fields['billing']['billing_phone']);
return $fields;
}
//удалить поля оформления заказа
// когда приходят письма в спам
wp_mail( $to, $subject, $message, $headers, '-info@mysite.com');
// когда приходят письма в спам
//WOOCOMMERCE
//WOOCOMMERCE
//WOOCOMMERCE
Хлебные крошки
<?php woocommerce_breadcrumb( $args ); ?>
LESS
//WOOCOMMERCE
//WOOCOMMERCE
//WOOCOMMERCE
.woocommerce{
.woocommerce-message{
margin-bottom: 50px;
padding: 20px;
background: #d4edd0;
.button{
vertical-align: middle;
margin-right: 20px;
@media (max-width: 1000px){
display: block;
margin-bottom: 20px;
}
}
}
ul{
padding: 0;
margin: 0;
}
.woocommerce-error{
li{
&::before{
background: #eb8e8e;
}
}
}
abbr{
border-bottom: none !important;
}
.order-total{
color: #5daf6d;
}
}
//таблица корзины
.shop_table{
text-align: left;
width: 100%;
thead{
@media (max-width: 900px){
display: none;
}
}
tr{
border-bottom: 1px solid #c6c6c6;
th, td{
padding: 20px;
&:first-child{
padding-left: 0;
}
&:last-child{
padding-right: 0;
}
}
a{
text-decoration: none;
}
.product-remove{
a{
color: #eb8e8e;
}
}
.product-thumbnail{
@media (max-width: 900px){
display: none;
}
img{
width: auto;
height: 80px;
}
}
.quantity{
width: 100px;
input{
padding: 20px;
width: 100%;
text-align: center;
}
}
}
@media (max-width: 900px){
.woocommerce-cart-form__cart-item{
padding-bottom: 50px;
display: block;
border-bottom: none;
th{
display: none;
}
td{
width: 100%;
display: block;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #c6c6c6;
}
.product-name,
.product-price,
.product-quantity,
.product-subtotal{
&::before{
content: attr(data-title) ": ";
font-weight: bold;
float: left;
}
&::after{
content: "";
clear: both;
display: table;
}
.quantity,
span,
a{
float: right;
}
}
}
}
.coupon{
float: left;
@media (max-width: 900px){
float: none;
margin-bottom: 40px;
}
label{
display: none;
}
input{
width: 40%;
vertical-align: text-top;
margin-right: 15px;
@media (max-width: 900px){
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
}
.btn{
vertical-align: text-top;
@media (max-width: 900px){
width: 100%;
}
}
}
.button[name=update_cart]{
float: right;
@media (max-width: 900px){
float: none;
width: 100%;
}
}
}
//таблица корзины
//таблица под корзиной
.cart-collaterals{
padding-right: 50%;
margin-top: 100px;
@media (max-width: 1000px){
padding-right: 0;
}
.wc-proceed-to-checkout{
margin-top: 50px;
}
.button{
@media (max-width: 900px){
width: 100%;
}
}
}
//таблица под корзиной
//оформление заказа
form.woocommerce-checkout{
width: 100%;
flex-flow: row wrap;
display: flex;
display: -webkit-flex;
-webkit-flex-flow: row wrap;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
-ms-align-content: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start;
list-style: none;
.woocommerce-billing-fields h3,
#order_review_heading{
display: none;
}
.col2-set{
width: calc(~'60% - 50px');
margin-right: 100px;
@media (max-width: 1000px){
width: 100%;
margin-right: 0;
margin-bottom: 50px;
}
.form-row{
margin-bottom: 20px;
&:last-child{
margin-bottom: 0;
}
.woocommerce-input-wrapper{
display: block;
}
}
select,
textarea,
input{
width: 100%;
}
}
.woocommerce-checkout-review-order{
width: calc(~'40% - 50px');
padding: 40px;
background: @bg;
box-sizing: border-box;
@media (max-width: 1000px){
width: 100%;
padding: 40px 20px;
}
.wc_payment_methods{
margin-top: 40px;
display: none;
}
.woocommerce-privacy-policy-text{
margin-top: 40px;
p{
font-size: 12px;
line-height: 18px;
}
}
.button{
@media (max-width: 1000px){
width: 100%;
}
}
}
}
//оформление заказа
//заказ оформлен
.woocommerce-order{
.woocommerce-thankyou-order-received{
text-align: center;
font-weight: bold;
color: #5daf6d;
font-size: 30px;
margin-bottom: 40px;
}
.woocommerce-order-overview{
padding: 40px;
background: @bg;
}
section{
padding: 40px;
background: @bg;
margin-top: 50px;
}
h2{
margin-top: 0;
}
address{
font-style: normal;
p{
margin-bottom: 0;
margin-top: 15px;
}
}
}
//заказ оформлен
//хлебные крошки
.woocommerce-breadcrumb{
margin-top: 40px;
color: #8a8a8a;
a{
display: inline-block;
margin-right: 10px;
margin-left: 10px;
color: @text;
&:hover{
color: @color-1;
}
}
}
//хлебные крошки
//WOOCOMMERCE
//WOOCOMMERCE
//WOOCOMMERCE
Закажите у меня разработку сайта под ключ
и получите логотип в подарок в векторе и с исходниками
Заказать разработку
и получите логотип в подарок в векторе и с исходниками