programing

WooCommerce 미니카트를 WordPress 사이트에 표시할 수 있는 방법이 있습니까?

starjava 2023. 4. 2. 09:40
반응형

WooCommerce 미니카트를 WordPress 사이트에 표시할 수 있는 방법이 있습니까?

고객이 카트의 내용을 항상 볼 수 있도록 하고, 즉석에서 아이템을 추가하거나 삭제할 수 있도록 하는 웹 사이트를 개발하고 있습니다(WooCommerce를 사용).

현재 사용하고 있는 테마는 Flatsome (UXBuilder 탑재)

Woocommerce/templates/mini-cart.php에 WooCommerce 미니카트용 템플릿이 있다는 것을 알게 되었습니다.이것은 내 페이지에 표시할 내용과 같습니다.

WooCommerce Product Tables라는 플러그인이 있는데, 이 미니 카트를 (아마) 이렇게)

이것을 고정 요소(div 내)로 페이지에 표시할 수 있는 방법이 있습니까?

저는 경험이 부족하기 때문에 어떤 도움도 받을 수 있습니다.

Bhoomi가 제안했듯이woocommerce_mini_cart();하지만 Ajax 카트는 미니트 카트를 업데이트하지 않습니다.

이 메서드를 사용하여 mini_cart 함수를 "widget_shopping_cart_content" woocommerce 클래스로 랩할 것을 권장합니다.다음은 예를 제시하겠습니다.

<div class="widget_shopping_cart_content"><?php woocommerce_mini_cart(); ?></div>

따라서 Ajax를 카트에 추가하면 미니 카트도 업데이트됩니다.

먼저 쇼트 코드 온 기능을 만듭니다.php

// 쇼트 코드 추가

function custom_mini_cart() { 
    echo '<a href="#" class="dropdown-back" data-toggle="dropdown"> ';
    echo '<i class="fa fa-shopping-cart" aria-hidden="true"></i>';
    echo '<div class="basket-item-count" style="display: inline;">';
        echo '<span class="cart-items-count count">';
            echo WC()->cart->get_cart_contents_count();
        echo '</span>';
    echo '</div>';
    echo '</a>';
    echo '<ul class="dropdown-menu dropdown-menu-mini-cart">';
        echo '<li> <div class="widget_shopping_cart_content">';
                  woocommerce_mini_cart();
            echo '</div></li></ul>';

      }
       add_shortcode( '[custom-techno-mini-cart]', 'custom_mini_cart' );

그런 다음 페이지 아무 곳에나 이 [커스텀 테크노 미니 카트] 짧은 코드를 추가합니다.

이제 템플릿에 이 항목을 추가합니다.

 <?php echo do_shortcode(['custom-techno-mini-cart']); ?>

이게 도움이 되길 바랍니다.

첫 번째 포인트의 요건에 따라 레이아웃을 작성합니다.

ALSO와 같은 ALSO를 사용하여 추가

woocommerce_mini_cart()

사용할 수 있습니다.woocommerce_mini_cart()미니카트를 전시하고 싶은 곳 어디든지.

이 함수는 미니 카트를 표시하기 위해 mini-cart.php 템플릿을 로드합니다.

언급URL : https://stackoverflow.com/questions/50033227/is-there-any-way-to-display-the-woocommerce-mini-cart-on-my-wordpress-site

반응형