Improve company productivity with a Business Account.Sign Up

x
?
Solved

woocommerce template files issue

Posted on 2015-01-10
3
Medium Priority
?
365 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 2000 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

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

What's this? As a volunteer Page Editor for Experts-Exchange.com, I have noticed that many authors also have blogs, and pull articles from their blogs to post at Experts-Exchange. I appreciate each author sharing their blog content with our site …
This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
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…

607 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