derrida
asked on
woocommerce template files issue
hey, i am working with woocommerce for the first time. i want to change the html of the shop page.
so i understand that there are two ways of doing it:
1 - in my theme folder create the structure of the woocommerce template folder and change whatever file i want.
2 - using filter hooks.
i fail miserably with both approaches.
i copy the archive-product.php template file, so i can do add and change some html but the loop itself is not there, and i cannot understand where is that html in order to change it. this is the code there:
i do not want to wrap it with my html, but to change the content of the loop html !!! where can i find it?
and how can you do it via the filter hook?
i have looked at their documentation, and it is not really orgenized or explained good, at least af far as i could see.
best regards
so i understand that there are two ways of doing it:
1 - in my theme folder create the structure of the woocommerce template folder and change whatever file i want.
2 - using filter hooks.
i fail miserably with both approaches.
i copy the archive-product.php template file, so i can do add and change some html but the loop itself is not there, and i cannot understand where is that html in order to change it. this is the code there:
<?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(); ?>
<?php wc_get_template_part( 'content', 'product' ); ?>
<?php 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' );
?>
i do not want to wrap it with my html, but to change the content of the loop html !!! where can i find it?
and how can you do it via the filter hook?
i have looked at their documentation, and it is not really orgenized or explained good, at least af far as i could see.
best regards
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
You should check Dashboard/WooCommerce/Sett ings/Produ cts/Produc t Image Sizes.
In "Catalog Images" you can set width and hight.
In "Catalog Images" you can set width and hight.
ASKER
you get the template by combining those: <?php wc_get_template_part( 'content', 'product' ); ?>?
i want to change the html of it.
and how can you do if with filter?
and still there is a problem there.
<?php do_action( 'woocommerce_before_shop_l
this poduces the img tag of the product, and i need to change some classes, and remove the width and hight attributes. i want to bootstrap it.
where is the html of it? or with filter?