Jak zintegrować HTML z WordPress Woocommerce Single Product Page

Question

Aktualnie pracuję nad WordPress Woocommerce. Szukałem w Plugin WooCommerce, widziałem stronę pojedynczego produktu, tj. Single-product.php w folderze szablonu. I jest pętla, która wyświetla pełny opis produktu.

<?php while (have_posts()) : the_post(); ?> 
     <?php wc_get_template_part('content', 'single-product'); ?> 
     <?php endwhile; // end of the loop. ?> 
     <?php 
?> 

Teraz ja nie rozumiem, gdzie jest cała strona ustawienie i jak zresetować swoją kolejność wyświetlania inny produkt atrybuty jak cena, obrazu, opisu produktu i itp

Więc proszę mi pomóc o tym, jak osadzić lub zintegrować mój kod HTML na stronie pojedynczego produktu Woo Commerce.

Każda pomoc zostanie doceniona.

Dzięki

Answer 1

idź do tego pliku w folderze wtyczek woocommerce

\ woocommerce \ \ obejmuje WC-Template-hooks.php

Modyfikując haczyki (zmiana lub dodanie nowy) możesz zmienić układ i wszystko na stronie pojedynczego produktu.

Answer 2

Musisz utworzyć folder o nazwie woocommerce w folderze motywów i skopiować zawartość folderu szablonów wtyczki woocommere do folderu z motywami. W ten sposób możesz nadpisać domyślną zawartość.

Po wykonaniu powyższych czynności poszukaj pliku - pojedynczy produkt w folderze woocommerce w folderze kompozycji. Zobaczysz wiele haczyków i do_action s. Nie panikuj. Po prostu wywołują pliki z folderu single-product wewnątrz folderu woocommerce. W tym folderze pliki są dobrze zatytułowane i pogrupowane, a będziesz wiedział, który plik jest odpowiedzialny po prostu widząc tytuł pliku. Na przykład price.php do wyświetlania ceny, product-attributes.php dla atrybutów produktu (w przypadku, gdy produkt jest zmienny).

Odtwórz z tymi plikami. Jeśli potrzebujesz oryginalnych, znajdziesz je ponownie w folderze wtyczek Woocommerce.

EDIT

wygląd w zawartości-Single-product.php pomiędzy linii 40-60:

<div class="summary entry-summary"> 

     <?php 
      /** 
      * woocommerce_single_product_summary hook 
      * 
      * @hooked woocommerce_template_single_title - 5 
      * @hooked woocommerce_template_single_rating - 10 
      * @hooked woocommerce_template_single_price - 10 
      * @hooked woocommerce_template_single_excerpt - 20 
      * @hooked woocommerce_template_single_add_to_cart - 30 
      * @hooked woocommerce_template_single_meta - 40 
      * @hooked woocommerce_template_single_sharing - 50 
      */ 
      do_action('woocommerce_single_product_summary'); 
     ?> 

    </div><!-- .summary --> 

do_action('woocommerce_single_product_summary'); ten jest odpowiedzialny za wywołanie wyżej wymienione funkcje haczykowate. numer obok nazwy to kolejność. Im niższa liczba, tym wyższa kolejność. Zakładając, że chcesz je wszystkie, ale w innej kolejności wymienić tę sekcję z following-

<div class="summary entry-summary"> 

     <?php 
      /** 
      * woocommerce_single_product_summary hook 
      * 
      * @hooked woocommerce_template_single_title - 5 
      * @hooked woocommerce_template_single_rating - 10 
      * @hooked woocommerce_template_single_price - 10 
      * @hooked woocommerce_template_single_excerpt - 20 
      * @hooked woocommerce_template_single_add_to_cart - 30 
      * @hooked woocommerce_template_single_meta - 40 
      * @hooked woocommerce_template_single_sharing - 50 
      */ 
      //do_action('woocommerce_single_product_summary'); 


      // now call these function directly and change their order ; 

      woocommerce_template_single_title(); 
      woocommerce_template_single_rating(); 
      woocommerce_template_single_price(); // this will output the price text 
      woocommerce_template_single_excerpt(); // this will output the short description of your product. 
      woocommerce_template_single_add_to_cart(); 
      woocommerce_template_single_meta(); 
      woocommerce_template_single_sharing(); 
     ?> 

    </div><!-- .summary -->