Sage 9에서 Woocommerce 지원 추가

Sage 9 from Roots은 훌륭한 개발자 경험을 통해 현대적이고 빠른 Wordpress 테마를 구축할 수 있는 멋진 방법입니다. 불행히도 Woocommerce 및 Woocommerce 템플릿 재정의를 지원하는 Sage 9 개발 수명 초기에는 약간 까다로웠습니다. 이로 인해 약간의 오래되고 중복된 정보가 떠돌게 되었습니다.

다행스럽게도 Roots 자체의 패키지와 몇 가지 간단한 단계를 사용하여 Sage 9에 Woocommerce 지원을 추가하는 것은 정말 쉽습니다.

Roots에서 sage-woocommerce 추가

먼저 Blade 템플릿 엔진에서 Woocommerce 템플릿 파일을 활성화하는 Roots의 패키지를 추가해야 합니다.

이것은 한 줄composer require...만큼 간단합니다.

패키지의 저장소는 https://github.com/roots/sage-woocommerce 에 있으며, 불분명한 부분이 있으면 설치 지침을 확인하십시오. 또한 다음 단계에서 저장소의 일부 코드가 필요합니다.

먼저 디렉터리를 테마 폴더로 변경합니다.

(경로를 올바른 경로로 교체)

cd .../my\_wordpress\_site/wp-content/themes/mytheme  

그런 다음 패키지를 요구하십시오

composer require roots/sage-woocommerce  

그것이 작업의 큰 부분입니다!

Woocommerce와 Sage 9가 함께 작동하도록 하기 위해 이것이 실제로 어떻게 작동하는지에 관심이 있다면 저장소에서 src/woocommerce.php를 확인하십시오.

필요한 템플릿 파일 추가

블레이드 템플릿이 Sage 9에서 작동하는 방식의 몇 가지 단점으로 인해 모든 것이 작동하려면 두 개의 Woocommerce 템플릿 파일을 재정의해야 합니다.

다행히 친절한 Roots 사람들이 필요한 파일을 제공했습니다. github:roots/sage-woocommerce 아래의 ( examples/resources/views/woocommerce ) 위의 저장소에서 찾으십시오.

필요한 두 파일은

single-product.blade.php &

archive-product.blade.php

테마에 woocommerce 폴더 만들기

먼저 테마 내에서 Woocommerce 템플릿 재정의를 배치할 폴더를 만듭니다.
mytheme/resources/views/woocommerce


두 개의 Woocommerce 재정의 추가

마지막으로 위의 두 템플릿 파일을 다운로드하여 이 폴더에 넣습니다.

당신은 가지고 있어야

mytheme/resources/views/woocommerce/single-product.blade.php

mytheme/resources/views/woocommerce/archive-product.blade.php

테마에 우커머스 지원 추가

Sage 9에서 Woocommerce를 작동시키는 데 필요한 마지막 단계는 테마에 Woocommerce 지원을 추가하는 것입니다.

열어라mytheme/app/setup.phpafter_setup_theme 에 대한 후킹된 함수에서 add_theme_support 를 호출하여 woocommerce에 대한 테마 지원을 추가합니다. (이것은 일반적으로 Soil에 대한 테마 지원 근처에 있습니다).

<?php  

// app/setup.php  

add\_action('after\_setup\_theme', function() {  

  // ...  

  /\*\*  
   \* Add Woocommerce Support   
   \*/  
  add\_theme\_support('woocommerce', array(  
    'thumbnail\_image\_width' => 415,  
  ));  

  // ...  

});  

이제 Woocommerce & Sage 9가 멋지게 재생됩니다!

축하합니다.

엑스트라

내 게시물 중 일부를 읽으셨다면 아시겠지만 저는 기사 끝 부분에 추가 "프로 팁"을 제공하고 싶습니다.

Sage 9 및 Woocommerce를 사용할 때 좋은 생각이며 아마도 Woocommerce의 기본 스타일시트를 제거하고 싶을 것입니다. 기본적으로 이것들은 약간 촌스러워 보이며, 누가 4개의 추가 스타일시트를 빠르고 간결하고 멋진 테마로 다운로드하고 싶어할까요?

Woocommerce 스타일을 제거하는 것은 실제로 정말 쉽습니다!

가장 적합한 위치에 다음 필터를 추가하기만 하면 됩니다(아마도 app/filters.php ).

<?php  

// Disable woocommerce stylesheets  
add\_filter('woocommerce\_enqueue\_styles', '\_\_return\_empty\_array');  

그리고 끝났습니다!

Woocommerce 및 Sage 9와 함께 행복한 건물 만들기!