WooCommerce中的样式WooCommerce单一产品摘要

时间:2019-02-12 08:43:14

标签: php wordpress woocommerce webhooks

因此,我在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样式放在相应的代码片段周围。我只是想知道怎么做。

我碰到的每个教程都只展示了如何安排产品订单,但没有给我任何样式方面的知识,这是我所关心的。我该如何攻击?

0 个答案:

没有答案