I am trying to override the Classes and ID’s and also some javascript in the “Related Products” section of single product pages. I want to replace the current styling with this nice looking one (http:\/\/nicesnippets.com\/live\/best-product-display-slider-using-bootstrap-demo.html).<\/p>\n
But I am unable to locate the html to change the classes.<\/p>\n
I would really appreciate any help or guidance.<\/p>\n
This is the code I am using:<\/p>\n
<?php\n\/**\n * Related Products\n *\n * This template can be overridden by copying it to yourtheme\/woocommerce\/single-product\/related.php.\n *\n * HOWEVER, on occasion WooCommerce will need to update template files and you\n * (the theme developer) will need to copy the new files to your theme to\n * maintain compatibility. We try to do this as little as possible, but it does\n * happen. When this occurs the version of the template file will be bumped and\n * the readme will list any important changes.\n *\n * @see \t https:\/\/docs.woocommerce.com\/document\/template-structure\/\n * @author \t\tWooThemes\n * @package \tWooCommerce\/Templates\n * @version 3.0.0\n *\/\n\nif ( ! defined( 'ABSPATH' ) ) {\n\texit;\n}\n\nglobal $product, $woocommerce_loop;\n\nif ( empty( $product ) || ! $product->exists() ) {\n\treturn;\n}\n\nif ( ! $related = $product->get_related( $posts_per_page ) ) {\n\treturn;\n}\n\n$args = apply_filters( 'woocommerce_related_products_args', array(\n\t'post_type' => 'product',\n\t'ignore_sticky_posts' => 1,\n\t'no_found_rows' => 1,\n\t'posts_per_page' => $posts_per_page,\n\t'orderby' => $orderby,\n\t'post__in' => $related,\n\t'post__not_in' => array( $product->id )\n) );\n\n$products = new WP_Query( $args );\n$woocommerce_loop['name'] = 'related';\n$woocommerce_loop['columns'] = apply_filters( 'woocommerce_related_products_columns', $columns );\n\nif ( $products->have_posts() ) : ?>\n\n<div class="collection-products">\n <?php woocommerce_product_loop_start(); ?>\n\n <?php while ( $products->have_posts() ) : $products->the_post(); ?>\n\n <?php wc_get_template_part( 'content', 'product' ); ?>\n\n <?php endwhile; \/\/ end of the loop. ?>\n\n <?php woocommerce_product_loop_end(); ?>\n\n\t<\/div>\n\n<?php endif;\n\nwp_reset_postdata();\n<\/code><\/pre>\n","protected":false},"template":"","class_list":["post-10017720","topic","type-topic","status-publish","hentry","topic-tag-css","topic-tag-javascript"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/10017720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/10017720\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=10017720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}