Solved

woocommerce template files issue

Posted on 2015-01-10
3
280 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

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

How to create your own WordPress Theme Before I begin with the theme design tutorial, I would like to give you the basics of what is required to make a WordPress Theme. The most basic WordPress theme only requires 2 files: a style.css file and an…
WordPress is constantly evolving, and with each evolution appears to get better and better.  One of the big drawbacks prior to version 3 was that there was no way to be able to set up a custom menu from the backend. The Old Way Adding menus is…
The purpose of this video is to demonstrate how to properly insert a Vimeo Video into a WordPress site or Blog. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp…
The purpose of this video is to demonstrate how to insert an Iframe into 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 : Open Page or Post…

685 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