Skip to content

Instantly share code, notes, and snippets.

@krogsgard

krogsgard/standard-woocommerce-product-loop-html-output.html

Created June 29, 2012 04:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save krogsgard/3015874 to your computer and use it in GitHub Desktop.
Save krogsgard/3015874 to your computer and use it in GitHub Desktop.
Download ZIP
markup desired for WooCommerce product loop
Raw
standard-woocommerce-product-loop-html-output.html
<li class="product">
<a href="http://wp.com/shop/product-title/">
<img width="150" height="150" src="http://wp.com/wp-content/uploads/2012/06/IMAGE-150x150.jpg" class="attachment-shop_catalog wp-post-image" alt="ACCUTACT ANGLESIGHT" title="ACCUTACT ANGLESIGHT">
<h3>Product Title</h3>
<span class="price"><span class="amount">&#36;250</span></span>
</a>
<a href="/shop/?add-to-cart=277" rel="nofollow" data-product_id="277" class="button add_to_cart_button product_type_simple">Add to cart</a>
</li>
Raw
woocommerce-image-wrapper-div.html
<li class="product">
<a href="http://wp.com/shop/product-title/">
<div class="imagewrapper">
<img width="150" height="150" src="http://wp.com/wp-content/uploads/2012/06/IMAGE-150x150.jpg" class="attachment-shop_catalog wp-post-image" alt="ACCUTACT ANGLESIGHT" title="ACCUTACT ANGLESIGHT">
</div>
<h3>Product Title</h3>
<span class="price"><span class="amount">&#36;250</span></span>
</a>
<a href="/shop/?add-to-cart=277" rel="nofollow" data-product_id="277" class="button add_to_cart_button product_type_simple">Add to cart</a>
</li>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment