Changing structure of WooCommerce shortcode

Question

I have installed WooCommerce on my page, and I'm displaying features posts using shortcode inside of a php file.

<?php echo do_shortcode('[featured_products per_page="3" columns="3"]'); ?>

It displays features products, but the problem is that its displaying them in UL and LI elements. Is there a way I can change how its displayed(for example displaying them inside of a bootstrap row and columns), so it can match the structure of my front end.

Answer 1

Yes you can easily do it. Please follow the below instructions

1. Create a folder named "woocommerce" in your theme folder.
2. Copy template files in directory wp-content/plugins/woocommerce/templates from woocommerce plugin folder and paste these files in the woocommerce folder of your theme.
3. Now you can modify WooCommerce templates from your theme.
4. Open loop folder and edit loop-start.php and loop-end.php remove <ul> and place your bootstrap divs here.
5. Open content-product.php to change the <li> to your bootstrap columns.