codememo

우커머스 추가 관련 상품 및 상품 목록에 카트 버튼 추가

tipmemo 2023. 10. 15. 17:23
반응형

우커머스 추가 관련 상품 및 상품 목록에 카트 버튼 추가

저는 아직 우커머스가 처음이라 추가하는 데 어려움을 겪고 있습니다.관련 상품과 상품 목록에 '카트에 추가하기' 버튼을 추가하려고 합니다.

코드를 뒤적이다가 아래쪽에서 막혔습니다.

<a href="<?php the_permalink(); ?>">

        <?php
            /**
             * woocommerce_before_shop_loop_item_title hook
             *
             * @hooked woocommerce_show_product_loop_sale_flash - 10
             * @hooked woocommerce_template_loop_product_thumbnail - 10
             */
            do_action( 'woocommerce_before_shop_loop_item_title' );
        ?>

        <h3><?php the_title(); ?></h3>

        <?php
            /**
             * woocommerce_after_shop_loop_item_title hook
             *
             * @hooked woocommerce_template_loop_price - 10
             */
            do_action( 'woocommerce_after_shop_loop_item_title' );
        ?>

    </a>

    <?php do_action( 'woocommerce_after_shop_loop_item' ); ?>  

누가 버튼 추가하는 방법을 안내해주셨으면 좋겠습니다.미리 감사드립니다.

각 do_action을 설명하려면 wocommerce-hooks.php 안에 있고 wocommerce-template 안에 있는 함수를 가리킵니다.php

축소판 그림을 만듭니다.

Function Name: woocommerce_template_loop_product_thumbnail()

do_action( 'woocommerce_before_shop_loop_item_title' );

가격 제공:

Function Name: woocommerce_template_loop_price()

do_action( 'woocommerce_after_shop_loop_item_title' );

카트에 추가 버튼:

Function Name: woocommerce_template_loop_add_to_cart()

do_action( 'woocommerce_after_shop_loop_item' );

검색woocommerce_template_loop_add_to_cart워드프레스 폴더에 재귀적으로 입력합니다.

기본적으로 WooCommerce는 다음에 연결합니다.woocommerce_after_shop_loop_itemwp-content\plugins\woocommerce\woocommerce- hooks.

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );

설치된 테마인 Mystile은 wp-content\themes\mystile\contents\them-woocommerce.php에서 이 후크를 제거했습니다.

// Remove add to cart button on archives
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10);

댓글을 달아보니 카트에 추가하기 버튼이 떴습니다.

상품 목록 페이지에 "카트에 추가" 버튼을 추가하기 위해 개인적으로 복사했습니다.

wp-content/plugins/woocommerce/templates/content-product.php

대상:

wp-content/themes/myChildTemplate/woocommerce/content-product.php

그런 다음 교체했습니다.

        do_action( 'woocommerce_after_shop_loop_item_title' );
    ?>

</a>

기준:

        do_action( 'woocommerce_after_shop_loop_item_title' );
    ?>

</a>
    <?php do_action('woocommerce_simple_add_to_cart'); ?>

참고로 이 일을 알게 된 사람이라면, 이 고리를 이용해서 일을 해볼 수도 있습니다.

// Add add to cart button on archive page products
add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_add_to_cart', 10 );

우아하게 우커머스를 사용하기테마 프레스 테마(Divi), 이 행을 함수에 추가했습니다.php :

add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_add_to_cart', 10 );

제목과 가격 바로 뒤에 '카트에 추가' 버튼을 추가합니다(즉, 상품당 '카트에 추가' 버튼 1개).

언급URL : https://stackoverflow.com/questions/15036157/adding-woocommerce-add-to-cart-button-to-related-products-and-product-listing

반응형