Solved

woocommerce template files issue

Posted on 2015-01-10
3
269 Views
Last Modified: 2015-01-12
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:

			<?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' );
			?>

Open in new window


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
0
Comment
Question by:derrida
  • 2
3 Comments
 
LVL 15

Accepted Solution

by:
eemit earned 500 total points
ID: 40543562
The template for displaying product content within loops is:
\woocommerce\templates\content-product.

Override this template by copying it to yourtheme/woocommerce/content-product.php

What do you want to change?
0
 
LVL 1

Author Comment

by:derrida
ID: 40543781
thanks. it is.
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_loop_item_title' ); ?>
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?
0
 
LVL 15

Expert Comment

by:eemit
ID: 40544911
You should check Dashboard/WooCommerce/Settings/Products/Product Image Sizes.
In "Catalog Images" you can set width and hight.
0

Featured Post

Three Reasons Why Backup is Strategic

Backup is strategic to your business because your data is strategic to your business. Without backup, your business will fail. This white paper explains why it is vital for you to design and immediately execute a backup strategy to protect 100 percent of your data.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

How to install BuddyPress on your self-hosted WordPress site It’s been called everything from “social networking in a box” to “Facebook without the terms of service,” but until Feb. 16, BuddyPress was a relatively unknown outside the WordPress MU…
Wordpress Horizontal Drop-Down Menu In this tutorial I will show you had to add a WordPress horizontal navigation menu to your theme. I have searched and searched for a good tutorial on creating a WordPress nav menu without adding a plug-in or us…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question