CODEWITHSUNDEEP
wordpresswoocommerce
Solo
Solo

Reputation: 6957

Change product item HTML?

I've looked throught almost every single file in woocommerce directory but everything is very modular (as a modern code should be). I cannot figure out how to change the HTML of single product item (do not confuse with product page).

E.g shortcode [recent_products per_page="3"] generated something like this:

<ul>
    <li>
        <a>
            <img>
            <h3></h3>
            <span></span>
        </a>
    </li>
    <li>
        <a>
            <img>
            <h3></h3>
            <span></span>
        </a>
    </li>
    <li>
        <a>
            <img>
            <h3></h3>
            <span></span>
        </a>
    </li>
</ul>

Could any WooCommerce developer lend me a hand?

Upvotes: 1

Views: 1696

Answers (1)

Reigel Gallarde
Reigel Gallarde

Reputation: 65254

that html structure is created by 3 template files... loop\loop-start.php, loop\loop-end.php, and content-product.php. Look for these files on the templates folder of woocommerce plugin folder.

you need to override these templates file.. instructions here: Template structure & Overriding templates via a theme...

Upvotes: 3

Related Questions