WooCommerce 3에서 가격 범위를 선택한 변형 가격으로 바꾸는 방법은 무엇입니까?

WooCommerce 3

에서 가변 가격 범위를 선택한 변형 가격으로 교체

문제:

WooCommerce 3의 다양한 제품 페이지 레이아웃에 보기 흉한 가격대가 포함되어 있습니다. 제품 제목 아래. 이는 특히 변형을 선택한 후에도 변경되지 않은 경우 혼란스럽고 유익하지 않을 수 있습니다.

해결책:

가격 범위를 선택한 변형 가격으로 바꾸고 이를 보장하려면 그에 따라 업데이트:

1. 원치 않는 항목 제거 가격:

   remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );

2. 범위 없이 변동 가격을 삽입하고 최저 가격 표시:

   add_action( 'woocommerce_single_product_summary', 'replace_variation_single_price', 10 );

3. 가변 가격을 숨겨진 항목에 복사 컨테이너:

   echo '<div class="hidden-variable-price">' . $price . '</div>';

4. 선택한 변형 가격 및 가용성 숨기기:

   div.woocommerce-variation-price,
   div.woocommerce-variation-availability {
       height: 0px !important;
       overflow: hidden;
       line-height: 0px !important;
       font-size: 0% !important;
   }

5. jQuery를 사용하여 업데이트 가격:

   $('select').blur(function() {
       if ($('input.variation_id').val()) {
           $('p.availability').remove();
           $('p.price').html($('div.woocommerce-variation-price > span.price').html()).append('<p class="availability">' + $('div.woocommerce-variation-availability').html() + '</p>');
       } else {
           $('p.price').html($('div.hidden-variable-price').html());
           if ($('p.availability')) {
               $('p.availability').remove();
           }
       }
   });

추가 참고 사항:

• 이 솔루션은 WooCommerce 3.2.x 및 이전 버전.
• 선택적으로 CSS 코드를 테마의 styles.css 파일입니다.
• 일부 플러그인이나 테마는 이 코드와 호환되지 않을 수 있습니다.

위 내용은 WooCommerce 3에서 가격 범위를 선택한 변형 가격으로 바꾸는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!