在WooCommerce插件中的链接前添加图像

时间:2015-06-12 作者:Nisarg Bhavsar

我正在使用Woocomece插件。我的woocomerce产品展示如下:

<div class="product-box">
   <a href="http://localhost/ebhajipala_latest/shop/health/veg14/">
       <img class="attachment-shop_catalog wp-post-image" width="150" height="150" alt="download" src="http://localhost/ebhajipala_latest/wp-content/uploads/2015/02/download-150x150.jpg">
   </a>
</div>
但现在我想从锚定标记中删除图像标记。使用方法如下:

<img class="attachment-shop_catalog wp-post-image" width="150" height="150" alt="download" src="http://localhost/ebhajipala_latest/wp-content/uploads/2015/02/download-150x150.jpg">
<a href="http://localhost/ebhajipala_latest/shop/health/veg14/"></a>
那我该怎么办呢?我的archive\\u产品。php页面代码为:

 <div class="pr_name">
    <h2>Products</h2>
</div>
<div class="pr_slider">
    <?php echo do_shortcode(\'[wpb-latest-product title="Latest Product"]\'); ?>
</div>
    <?php if ( apply_filters( \'woocommerce_show_page_title\', true ) ) : ?>

        <!--<h1 class="page-title"><?php //woocommerce_page_title(); ?></h1>-->

    <?php endif; ?>

    <?php do_action( \'woocommerce_archive_description\' ); ?>
    <div class="pr_name">

</div>
    <?php if ( have_posts() ) : ?>

        <?php
            /**
             * woocommerce_before_shop_loop hook
             *
             * @hooked woocommerce_result_count - 20
             * @hooked woocommerce_catalog_ordering - 30
             */
            do_action( \'woocommerce_before_shop_loop\' );
        ?>

        <?php woocommerce_product_loop_start(); ?>

            <?php woocommerce_product_subcategories(); ?>

            <?php while ( have_posts() ) : the_post(); 
                        wc_get_template_part( \'content\', \'product\' );                   

             endwhile; // end of the loop. ?>

        <?php woocommerce_product_loop_end(); ?>

        <?php
            /**
             * woocommerce_after_shop_loop hook
             *
             * @hooked woocommerce_pagination - 10
             */
            do_action( \'woocommerce_after_shop_loop\' );
        ?>

    <?php elseif ( ! woocommerce_product_subcategories( array( \'before\' => woocommerce_product_loop_start( false ), \'after\' => woocommerce_product_loop_end( false ) ) ) ) : ?>

        <?php wc_get_template( \'loop/no-products-found.php\' ); ?>

    <?php endif; ?>

<?php
    /**
     * woocommerce_after_main_content hook
     *
     * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
     */
    do_action( \'woocommerce_after_main_content\' );
?>

<?php
    /**
     * woocommerce_sidebar hook
     *
     * @hooked woocommerce_get_sidebar - 10
     */
    //do_action( \'woocommerce_sidebar\' );
?>

2 个回复
最合适的回答,由SO网友:sohan 整理而成

快速解决方案:找到您的content-product.php 查找以下代码

<a href="<?php the_permalink(); ?>">

        <?php
            /**
             * woocommerce_before_shop_loop_item_title hook
             *
             * @hooked woocommerce_show_product_loop_sale_flash - 10
             * @hooked woocommerce_template_loop_product_thumbnail - 10
             */
            do_action( \'woocommerce_before_shop_loop_item_title\' );
        ?>

        <h3><?php the_title(); ?></h3>

        <?php
            /**
             * woocommerce_after_shop_loop_item_title hook
             *
             * @hooked woocommerce_template_loop_rating - 5
             * @hooked woocommerce_template_loop_price - 10
             */
            do_action( \'woocommerce_after_shop_loop_item_title\' );
        ?>

    </a>
移动a标记,如下所示:

<?php
            /**
             * woocommerce_before_shop_loop_item_title hook
             *
             * @hooked woocommerce_show_product_loop_sale_flash - 10
             * @hooked woocommerce_template_loop_product_thumbnail - 10
             */
            do_action( \'woocommerce_before_shop_loop_item_title\' );
        ?>

        <h3><?php the_title(); ?></h3>

        <?php
            /**
             * woocommerce_after_shop_loop_item_title hook
             *
             * @hooked woocommerce_template_loop_rating - 5
             * @hooked woocommerce_template_loop_price - 10
             */
            do_action( \'woocommerce_after_shop_loop_item_title\' );
        ?>
<a href="<?php the_permalink(); ?>"></a>
注意:在主题/woocommerce目录中使用自定义项,否则如果插件得到更新,更改将撤消。

因此,上述更改可能取决于您使用的主题。如果您的主题已经有woocommerce,请相应地进行更改。

SO网友:mmm

你有wc_get_template_part( \'content\', \'product\' ); 所以你必须查看文件content-product.php

结束