Приветствую.
Создаю интернет-магазин на wordpress + woocommerce. Разработан свой уникальный дизайн. Исходя из этого стандартный шаблон списка товаров и шаблон карточки товара не подходит. Я знаю, как изменить порядок следования элементов и как применить к ним свои стили. Знаю про файл content-product.php. В нем можно изменить только обертку цикла, который выводит список товаров. Но, в моем случае, этого не достаточно. Нужны изменения непосредственно html-кода каждого товара в списке.
Woocommerce выводит список товаров со своим html-кодом:
<div class="first post-918 product type-product status-publish has-post-thumbnail instock taxable shipping-taxable purchasable product-type-simple">
<img width="300" height="300" src="http://tehnocomf23.tmweb.ru/wp-content/uploads/home_bamboo-knives-300x300.png" class="attachment-shop_catalog size-shop_catalog wp-post-image" alt="home_bamboo-knives" title="home_bamboo-knives" srcset="http://tehnocomf23.tmweb.ru/wp-content/uploads/home_bamboo-knives-300x300.png 300w, http://tehnocomf23.tmweb.ru/wp-content/uploads/home_bamboo-knives-180x180.png 180w" sizes="(max-width: 300px) 100vw, 300px"><h3>Жарочная панель «FAST COOK»</h3>
<span class="price"><span class="woocommerce-Price-amount amount">2,400.00<span class="woocommerce-Price-currencySymbol">₽</span></span></span>
<a rel="nofollow" href="/?add-to-cart=918" data-quantity="1" data-product_id="918" data-product_sku="" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Добавить в корзину</a>
</div>
Но мне нужно кардинально изменить этот html-код, добавить свои теги, сделать адаптивность и т.д.
Подскажите, как это можно сделать?
