因此,我在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>
基本上,id喜欢将我的CSS样式放在相应的代码片段周围。我只是想知道怎么做。
我碰到的每个教程都只展示了如何安排产品订单,但没有给我任何样式方面的知识,这是我所关心的。我该如何攻击?