devellopah
@devellopah

Как поменять структуру и список классов продукта в product loop в вукоммерс?

1. К примеру, как это ...
<li class="post-67 product type-product status-publish has-post-thumbnail product_cat-posters last instock shipping-taxable purchasable product-type-simple">
	<a href="//localhost:3000/product/ship-your-idea-3/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">
		<img width="300" height="300" src="//localhost:3000/wp-content/uploads/2013/06/poster_1_up-300x300.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image" alt="" srcset="//localhost:3000/wp-content/uploads/2013/06/poster_1_up-300x300.jpg 300w, //coloshop.loc/wp-content/uploads/2013/06/poster_1_up-150x150.jpg 150w, //coloshop.loc/wp-content/uploads/2013/06/poster_1_up-768x768.jpg 768w, //coloshop.loc/wp-content/uploads/2013/06/poster_1_up-600x600.jpg 600w, //coloshop.loc/wp-content/uploads/2013/06/poster_1_up.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px">
		<h2 class="woocommerce-loop-product__title">Ship Your Idea</h2>
		<span class="price">
			<span class="woocommerce-Price-amount amount">
				<span class="woocommerce-Price-currencySymbol">£</span>15.00</span>
		</span>
	</a>
	<a href="/?add-to-cart=67" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="67" data-product_sku="" aria-label="Add “Ship Your Idea” to your cart" rel="nofollow">Add to cart</a>
</li>


поменять на это ...
(women) или (discount) значит. что класс может присутствовать, а может и нет.
<div class="product-item (women)">
	<div class="product (discount) product_filter" style="border-right: 1px solid rgb(233, 233, 233);">
		<div class="product_image">
			<img src="product_9.png" alt="product">
		</div>
		<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center"><span>sale</span></div>
		<div class="favorite favorite_left"></div>
		<div class="product_info">
			<h6 class="product_name"><a href="single.html">DYMO LabelWriter 450 Turbo Thermal Label Printer</a></h6>
			<div class="product_price">$410.00</div>
		</div>
	</div>
	<div class="red_button add_to_cart_button"><a href="#">add to cart</a></div>
</div>


2. Можно ли избавиться от этого списка классов
post-67 product type-product status-publish has-post-thumbnail product_cat-posters last instock shipping-taxable purchasable product-type-simple
или они обязательно должны присутствовать? Если можно, но не от всех, то от каких нельзя и почему?

3. Как я уже упомянул, товары могут иметь классы women или discount или оба (см. пример выше). Как эти классы добавлять динамически.

Спасибо за помощь!
  • Вопрос задан
  • 735 просмотров
Пригласить эксперта
Ответы на вопрос 1
@ItsCoder
В папке плагина WooCommerce есть папка templates, скопируйте файлы в свою тему и редактируйте как угодно.

product-loop находится в файле content-product.php
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы