Где ошибка в вёрстке страницы товара WooComemrce?

Question

[Ex1st]

Натягиваю вёрстку через хуки. Но проблема в том, что div с контентом вукомерса создается каким-то сжатым, вот скрин.

Сверился по инспектору кода с шаблоном - все дивы на месте, да и делал по обучающему видео. Может какие-то стили вукоммерса нужно отключить?

Стили в корне темы в файле style.css все закомментировал.

Comments

[zorca]

Ссылка на страницу пациента будет?

[Lord_Dantes]

Автор:
*прикрепляет скрин где видно подключенный файл CSS WooCommerce*
Также автор:
- Может какие-то стили вукоммерса не отключил?

[Ex1st]

Lord_Dantes, Извиняюсь за формулировку. Я имел в виду: "Может надо какие-то стили вукомерса отключить?" Вопрос подредачил.

[Ex1st]

zorca, Он на локалке. Если другого варианта нет, могу залить

Answer 1

[Дима Долготер]

выведи товары обычным wp query loop просто используй post-type product

$args = array(
'post_type' => 'product',
	'posts_per_page' => 5,
	
);
<?php
// запрос
$query = new WP_Query( $args ); ?>

<?php if ( $query->have_posts() ) : ?>

	<!-- пагинация -->

	<!-- цикл -->
	<?php while ( $query->have_posts() ) : $query->the_post(); ?>
		<h2><?php the_title(); ?></h2>
	<?php endwhile; ?>
	<!-- конец цикла -->

	<!-- пагинация -->

	<?php wp_reset_postdata(); ?>

<?php else : ?>
	<p><?php esc_html_e( 'Нет постов по вашим критериям.' ); ?></p>
<?php endif; ?>

Comments

[Ex1st]

Это вместо кода в single-product, правильно понял? Если да, то разве хуки вукоммерса не пропадут оттуда, где должны находиться?

[Дима Долготер]

Ex1st, да, вместо кода. но учти. чтоб длеать таким образом нужно знать хоть немного разбираться. если не то просто использй стандартный шорткод

[Ex1st]

Дима Долготер, ну вот я и хотел натянуть вёрстку через хуки, но какая-то засада вышла, и никто не знает в чем проблема(

[Дима Долготер]

Ex1st, а что за хуки ты используешь?

[Ex1st]

Дима Долготер, Вот так.

remove_action('woocommerce_before_main_content', 'woocommerce_breadcrumb', 20);
add_action('woocommerce_before_main_content', 'coffe_add_bread', 20);
function coffe_add_bread()
{
    ?>
    <div class="banner_inner">
        <div class="services-breadcrumb">
            <div class="inner_breadcrumb">
                <ul class="short">
                    <?php woocommerce_breadcrumb(); ?>
                </ul>
            </div>
        </div>
    </div>
    <?php
}

add_action('after_setup_theme', 'mytheme_add_woocommerce_support');
function mytheme_add_woocommerce_support()
{
    add_theme_support('woocommerce');
    add_theme_support('wc-product-gallery-zoom');
    add_theme_support('wc-product-gallery-lightbox');
    add_theme_support('wc-product-gallery-slider');
}

add_action('woocommerce_before_single_product', 'coffe_start_wrapper_product', 5);
function coffe_start_wrapper_product()
{
    ?>
    <section class="banner-bottom-wthreelayouts py-lg-5 py-3">
    <div class="container">
    <div class="inner-sec-shop pt-lg-4 pt-3">
    <div class="row">
    <?php
}

add_action('woocommerce_after_single_product', 'coffe_after_single_product_img_start', 25);
function coffe_after_single_product_img_start()
{
    ?>
    </div>
    </div>
    </div>
    </section>
    <?php
}

add_action('woocommerce_before_single_product_summary', 'coffe_before_single_product_summary_start', 5);
function coffe_before_single_product_summary_start()
{
    ?>
    <div class="col-lg-4 single-right-left ">
    <div class="grid images_3_of_2">
    <?php
}

add_action('woocommerce_before_single_product_summary', 'coffe_after_single_product_end', 25);
function coffe_after_single_product_end()
{
    ?>
    </div>
    </div>
    <?php
}

add_action('woocommerce_before_single_product_summary', 'test', 30);
function test()
{
    ?>
    <div class="col-lg-8 single-right-left simpleCart_shelfItem">
    <?php
}

add_action('woocommerce_after_single_product_summary', 'coffe_after_single_product_entry_end', 5);
function coffe_after_single_product_entry_end()
{
    ?>
    </div>
    <?php
}

[Дима Долготер]

Ex1st, уфф. капец)
https://www.youtube.com/watch?v=xDvwN8ikwvM&ab_cha...

смотри подобные видео

[Дима Долготер]

вот еще полещности
https://www.businessbloomer.com/woocommerce-easily...

ajax удаление товара по id из корзины

$(document).on('click', 'a.remove.package', function (e) {
     e.preventDefault();
    
       $.ajax({
        type: "POST",
        url: 'http://letique.in.ua/wp-admin/admin-ajax.php',
        data: {action : 'remove_item_from_cart','product_id' : '810'},
        success: function (res) {
            if (res) {
                alert('Removed Successfully');
            }
        }
           
          }); 


function.php

function remove_item_from_cart() {
    $cart = WC()->instance()->cart;
    $id = $_POST['product_id'];
    $cart_id = $cart->generate_cart_id($id);
    $cart_item_id = $cart->find_product_in_cart($cart_id);

    if($cart_item_id){
       $cart->set_quantity($cart_item_id, 0);
       return true;
    } 
    return false;
    }

    add_action('wp_ajax_remove_item_from_cart', 'remove_item_from_cart');
    add_action('wp_ajax_nopriv_remove_item_from_cart', 'remove_item_from_cart');

ajax добавление товара

functions.php

function custom_add_to_card() {
    global $woocommerce;
    
$woocommerce->cart->add_to_cart( $product_id = $_POST['prod_id'], $quantity = $_POST['prod_qty'], $variation_id = 0, $variation = array(), $cart_item_data = array() );
    echo 'done';
    wp_die();
}
add_action('wp_ajax_addtocard', 'custom_add_to_card');
add_action('wp_ajax_nopriv_addtocard', 'custom_add_to_card');




js

  $(document).on('click', '.ajax_add_to_cart', function (e) {  e.preventDefault(); 
                    var data = {
                    'action': 'addtocard',
                    'prod_id': $(this).attr('data-product_id'),
                    'prod_qty': 1,
                    'dataType': 'json'
                };
                $.ajax({
                    url: "https://letique.in.ua/wp-admin/admin-ajax.php",
                    data: data,
                    type: 'POST',
                    success: function (data) {
                        console.log(data);
                        
                        alert("good");
                        }
                });     });

[Ex1st]

Дима Долготер, Он вёрстку не через хуки добавляет, разве так правильно? Я слышал, что не рекомендуют так делать.

[Дима Долготер]

Ex1st, так ты же так делаешь