본문 바로가기
CMS/우커머스

WooCommerce Visual Hook 가이드: 단일 제품 페이지

by 글로비즈 2022. 4. 25.
반응형

https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/

 

WooCommerce Single Product Page Hooks: Visual Guide

Find WooCommerce Product Hooks (actions & filters) by seeing their actual locations. Quickly copy/paste add_action & add_filter for easy customization!

www.businessbloomer.com

단일제품 페이지에 대한 위치를 쉽게 찾을 수 있습니다.

쇼핑몰을 만지다 보면 가장 많이 수정하는게 상품 상세 페이지인데 비지니스블루머 에서 찾을 수 있습니다.

비지니스블루머는 우커머스를 자세히 배우기에 좋은 학습 사이트입니다.

다음 은 WooCommerce 단일 제품 페이지에 대한 시각적 훅 가이드입니다 . 이것은 실제 위치를 보고 WooCommerce 후크를 빠르고 쉽게 찾을 수 있는 " Visual Hook Guide Series "의 일부입니다(복사/붙여넣기 가능)

이제 제품 페이지 후크를 알았으므로 하위 테마의 기능을 통해 WooCommerce 단일 제품 페이지를 재정의할 수 있습니다. 기본 요소(예: 추천 이미지, 장바구니에 추가 양식, 관련 제품...)를 제거하고 올바른 위치에 있는 "후크"를 선택하고 기능을 트리거하여 사용자 정의 요소를 추가할 수 있으며 "이동"도 할 수 있습니다. 기존 요소. 비디오 자습서가 필요하십니까? 지금 시청하기 →

WooCommerce 단일 제품 페이지 [Visual Hook 가이드]

 

WooCommerce 단일 제품 페이지 기본 작업

이것은 functions.php에서 "add_action"을 "remove_action"으로 변경하여 후크를 해제/제거할 수 있는 WooCommerce 작업 목록입니다. WooCommerce는 단일 제품 페이지를 함께 조합하기 위해 "woocommerce_before_single_product_summary"와 같은 자체 후크를 사용합니다. 이 방법으로 수행되기 때문에 "remove_action"을 사용하여 이러한 요소 중 하나를 제거할 수 있습니다. 현재로서는 트리거 기능이 없지만 제품 페이지에 콘텐츠를 추가하는 데 사용할 수 있는 다른 "do_action"도 추가했습니다.

 

/**
 * @snippet       List of Default Actions @ WooCommerce Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @updated       WooCommerce 4.0
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
// Before content
add_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 );
add_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );
add_action( 'woocommerce_before_single_product', 'woocommerce_output_all_notices', 10 );
  
// Left column
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_sale_flash', 10 );
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
add_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
 
// Right column
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
 
// Right column - add to cart
do_action( 'woocommerce_before_add_to_cart_form' );
do_action( 'woocommerce_before_add_to_cart_button' );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
 
add_action( 'woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30 );
add_action( 'woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30 );
add_action( 'woocommerce_variable_add_to_cart', 'woocommerce_variable_add_to_cart', 30 );
add_action( 'woocommerce_external_add_to_cart', 'woocommerce_external_add_to_cart', 30 );
add_action( 'woocommerce_single_variation', 'woocommerce_single_variation', 10 );
add_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );
do_action( 'woocommerce_before_quantity_input_field' );
do_action( 'woocommerce_after_quantity_input_field' );
do_action( 'woocommerce_after_add_to_cart_button' );
do_action( 'woocommerce_after_add_to_cart_form' );
 
// Right column - meta
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
do_action( 'woocommerce_product_meta_start' );
do_action( 'woocommerce_product_meta_end' );
 
// Right column - sharing
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_sharing', 50 );
do_action( 'woocommerce_share' );
 
// Tabs, upsells and related products
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_product_additional_information', 'wc_display_product_attributes', 10 );
do_action( 'woocommerce_product_after_tabs' );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
 
// Reviews
add_action( 'woocommerce_review_before', 'woocommerce_review_display_gravatar', 10 );
add_action( 'woocommerce_review_before_comment_meta', 'woocommerce_review_display_rating', 10 );
add_action( 'woocommerce_review_meta', 'woocommerce_review_display_meta', 10 );
do_action( 'woocommerce_review_before_comment_text', $comment );
add_action( 'woocommerce_review_comment_text', 'woocommerce_review_display_comment_text', 10 );
do_action( 'woocommerce_review_after_comment_text', $comment );
 
// After content
do_action( 'woocommerce_after_single_product' );
do_action( 'woocommerce_after_main_content' );
반응형

'CMS > 우커머스' 카테고리의 다른 글

우커머스(WooCommercetnld) 쇼핑몰 솔루션 소개  (0) 2022.04.29

댓글