Итак, у меня есть страница продукта в WooCommerce, и я пытаюсь оформить отдельные части в сводке продукта.Я понятия не имею, как это сделать.
Это div, которые я написал изначально для визуализации и стилизации необходимых функций:
<!--
<div class="Product_category">T-Shirts</div>
<div class="Product_title">Product Name</div>
<div class="Product_hr"></div>
<div class="Product_modelNumber">CATG-1000-0001</div>
<div class="Product_Price">$99<sup>.00</sup></div>
<div class="Product_size_container">
<div class="Product_size" style="margin-left: 4px">XS</div>
<div class="Product_size">S</div>
<div class="Product_size">M</div>
<div class="Product_size">L</div>
<div class="Product_size">XL</div>
<div class="Product_size">XXL</div>
<div style="clear: both"></div>
</div>
<div class="Product_Addtocart">Add to Cart</div>
-->
Я нахожусь в content-single-product.phpв моей дочерней теме и, по крайней мере, понимаю, что мне нужно отредактировать этот бит кода здесь:
<div class="summary entry-summary">
<?php
/**
* Hook: woocommerce_single_product_summary.
*
* @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
* @hooked WC_Structured_Data::generate_product_data() - 60
*/
do_action( 'woocommerce_single_product_summary','' );
?>
</div>
По сути, я хотел бы разместить стили CSS вокруг соответствующих фрагментов.Я просто хотел бы знать, как это сделать.
Каждый учебник, с которым я сталкиваюсь, только показывает, как организовать заказ продукта, но ничего не дает мне по стилю, и это все, что меня волнует.Как я могу атаковать это?