如何将产品标题放入产品缩略图中

Question

我想将产品标题在存档产品页面中的位置从缩略图下方更改为缩略图内部。

我有一个插件告诉我，负责该内容的文件是archive-product.php，并且在其中找到了代码

if ( woocommerce_product_loop() ) {

    /**
     * Hook: woocommerce_before_shop_loop.
     *
     * @hooked woocommerce_output_all_notices - 10
     * @hooked woocommerce_result_count - 20
     * @hooked woocommerce_catalog_ordering - 30
     */
    do_action( 'woocommerce_before_shop_loop' );

    woocommerce_product_loop_start();

    if ( wc_get_loop_prop( 'total' ) ) {
        while ( have_posts() ) {
            the_post();

            /**
             * Hook: woocommerce_shop_loop.
             *
             * @hooked WC_Structured_Data::generate_product_data() - 10
             */
            do_action( 'woocommerce_shop_loop' );

            wc_get_template_part( 'content', 'product' );
        }
    }

    woocommerce_product_loop_end();

如示例中所示，正确的样式设置方法是什么？

任何关于我在做错事情的建议都将受到赞赏

Answer 1

您必须在主题中覆盖archive-product.php。为此，您必须创建一个woocommerce文件夹，然后通过遵循woocommerce的相同文件夹结构将此模板放置在该文件夹中。 完成之后，将您的自定义代码放在该文件中。添加一些自定义类并对其应用CSS。

Answer 2

CSS版本

cannot find symbol variable: ListSelectionModel

import javax.swing.ListSelectionModel;