Come integrare HTML in WordPress Woocommerce Pagina singola prodotto

Question

Attualmente sto lavorando su WordPress Woocommerce. Ho cercato in WooCommerce Plugin, ho visto una singola pagina di prodotto, cioè single-product.php nella cartella dei modelli. E c'è un ciclo che mostra la descrizione completa del prodotto.

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

Ora non capivo dove è l'intera impostazione della pagina e come ripristinare il suo ordine per la visualizzazione di prodotto diverso attributi come il prezzo, immagine, descrizione del prodotto e così via

Quindi per favore mi aiuti su come incorporare o integrare il mio codice HTML nella pagina del singolo prodotto Woo Commerce.

Qualsiasi aiuto verrà apprezzato.

Grazie

Answer 1

Vai a questo file nella cartella plugin di woocommerce

\ woocommerce \ include \ wc-template-hooks.php

Modificando i ganci (cambiando o aggiungendo nuovo) è possibile modificare il layout e tutto in un'unica pagina del prodotto.

Answer 2

È necessario creare una cartella denominata woocommerce all'interno della cartella dei temi e copiare il contenuto della cartella dei modelli del plugin woocommere all'interno della cartella dei temi. In questo modo è possibile sovrascrivere il contenuto predefinito.

Dopo aver completato quanto sopra, cercare un contenuto di file-singolo prodotto nella cartella woocommerce nella cartella dei temi. Vedrai un sacco di ganci e do_action s. Non farti prendere dal panico. Questi sono solo chiamando i file dalla cartella single-product all'interno della cartella woocommerce. In quella cartella i file sono ben intitolati e raggruppati e saprai quale è un file responsabile solo vedendo il titolo del file. Ad esempio price.php per la visualizzazione del prezzo, product-attributes.php per gli attributi del prodotto (nel caso in cui il prodotto sia variabile).

Gioca con questi file. Se hai bisogno di quelli originali li troverai di nuovo nella cartella del plugin woocommerce.

EDIT

sguardo nel contenuto-single-Product.php tra la linea 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 --> 

Questo do_action('woocommerce_single_product_summary'); è responsabile per il richiamo delle funzioni uncinate sopra elencati. il numero accanto al nome è l'ordine. Più basso è il numero più alto è l'ordine. Supponendo che tutti volete, ma in ordine diverso si sostituirà questa sezione con i seguenti-

<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 -->