Change shop HTML not CSS

  • Resolved ikramy

    (@ikramy)


    8 years, 8 months ago

    Hi,

    I’m wondering if I can change the actual HTML tags used in the products loop (shop page).

    Let’s assume the default WooCommerce plugin outputs the product list as the following:

    <h1>Product Name</h1>
<img src="image link" />
<span>price</span>
<div>excerpt</div>

    I want to be able to do something like this for example:

    <img src="image link" />
<em class="priceclass">price</em>
<h2 class="myh2class">Product Name</h2>
<p class="descriptionclass">excerpt</p>

    Thanks

    https://wordpress.org/plugins/woocommerce/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Matt Cohen

    (@mattyza)

    8 years, 8 months ago

    Hi there,

    I’m wondering if I can change the actual HTML tags used in the products loop (shop page).

    You sure can! 🙂

    Please see our guide to overriding WooCommerce template files, here: http://docs.woothemes.com/document/template-structure/

    While we recommend using action hooks and filters for this, overriding template files is a great way to get familiar with the various template pieces WooCommerce uses, which can help you to know which hooks to use in future. 🙂

    If you have further questions around this, please do let me know.

    Thread Starter ikramy

    (@ikramy)

    8 years, 8 months ago

    Thank you very much 🙂

    Plugin Author Matt Cohen

    (@mattyza)

    8 years, 8 months ago

    You’re most welcome. 🙂

    If you’re satisfied that this thread has been resolved, please do “mark as resolved” down the right-side of this thread.

    Thanks very much. 🙂

    Thread Starter ikramy

    (@ikramy)

    8 years, 8 months ago

    Sure

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change shop HTML not CSS’ is closed to new replies.