WooCommerce - изменить HTML продуктов в категории HTML

Question

продукта выглядит следующим образом:

<li class="post-13 product type-product status-publish has-post-thumbnail first taxable shipping-taxable purchasable product-type-simple product-cat-printer instock"> 
    <a href="http://xxx"> 
     <img width="150" height="150" src="http://xx" class="attachment-shop_catalog wp-post-image" alt="" /> 
     <h3>abc</h3> 
     <span class="price"><span class="amount">15.86&nbsp;&euro;</span></span> 
    </a> 
    <div class="gridlist-buttonwrap"> 
     <a href="xx?add-to-cart=13" rel="nofollow" data-product_id="13" data-product_sku="" class="button add_to_cart_button product_type_simple">Buy</a> 
    </div> 
    <hr />   
</li> 

Можно ли переместить цену рядом с кнопкой?

<li class="post-13 product type-product status-publish has-post-thumbnail first taxable shipping-taxable purchasable product-type-simple product-cat-printer instock"> 
    <a href="http://xxx"> 
     <img width="150" height="150" src="http://xx" class="attachment-shop_catalog wp-post-image" alt="" /> 
     <h3>abc</h3> 
    </a> 
    <div class="abc"> 
     <a href="xx?add-to-cart=13" rel="nofollow" data-product_id="13" data-product_sku="" class="button add_to_cart_button product_type_simple">Buy</a> 
     <span class="price"><span class="amount">15.86&nbsp;&euro;</span></span> 
    </div>   
</li> 

Единственный способ, который я узнал это, что я должен изменить ядро ​​плагина, бесполезно, потому что потеряют все изменения после обновления.

Edit: например this theme, они имеют такую ​​структуру:

<li> 
    <a href="http://demo2.woothemes.com/sliding/shop/yellow-necklace/" style="width: 192px; height: 295px;"> 
     <img width="192" height="295" src="http://demo2.woothemes.com/sliding/files/2011/11/yellow-necklace-192x295.jpg" class="attachment-woo_sliding_slider wp-post-image" alt="yellow-necklace" /> 
     <div class="meta"> 
      <h3>Yellow Necklace</h3> 
      <span class="slider-price"><span class="amount">&pound;19.00</span></span> 
     </div> 

    </a> 

</li> 

Answer 1

Вы можете переопределить файл шаблона и не будет обновляться при обновлении WooCommerce.

От WooCommerce docs

В качестве альтернативы, вы можете редактировать эти файлы в обновлении безопасного пути через переопределения. Просто скопируйте его в каталог в своей теме с именем /woocommerce, сохраняя ту же структуру файла.

Пример: Для overide уведомления администратора заказа, копия: WooCommerce/шаблоны/писем/админ-новый-order.php к yourtheme/WooCommerce/письма/админ-нового-order.php