├── README.md
├── archive-product.php
├── cart
    └── cart.php
├── custom_functions.php
├── product-categories.php
├── products-shop.php
└── single-product.php


/README.md:
--------------------------------------------------------------------------------
 1 | # Woocommerce Custom Pages Development ⚡
 2 | Custom pages for wooocommerce that can be used to customize your Product, Category, Cart, Checkout and Myaccount Woocommerce pages.
 3 | 
 4 | 🤝 SUBSCRIBE TO ▷ [YOUTUBE CHANNEL](https://www.youtube.com/c/ImranSayedDev?sub_confirmation=1) - to support my work 🙏
 5 | 
 6 | 
 7 | 
 8 | ******* 🔗 CURRENT PLAYLIST 🔗 ******
 9 | 
10 | 👉 https://codeytek.com/course/woocommerce-basics-and-customization-course/
11 | 
12 | 
13 | ******* PLEASE STAR MY REPO TO SUPPORT ME ******
14 | 
15 | 👉 https://github.com/imranhsayed/woocommerce-custom-pages
16 | 
17 | ******* Social Links ********
18 | 
19 | 
20 | Please follow 🙏
21 | 
22 | 👉 Twitter - [@imranhsayed](https://twitter.com/imranhsayed)
23 | 
24 | 
25 | 👉 Github - [imranhsayed](https://github.com/imranhsayed)
26 | 
27 | 
28 | Other Videos in this series: ▷
29 | 
30 | * ▷ [#1 Woocommerce Basics and Customization | WordPress](https://youtu.be/wuZRQRposTE?list=PLD8nQCAhR3tSX58ydx66s1LQhbHN86pWy)
31 | 
32 | * ▷ [#2 Woocommerce Installation and Use | WordPress](https://youtu.be/2S6LRtA678Q)
33 | 
34 | * ▷ [#3 Customize Woocommerce Product Page](https://youtu.be/YanyF5bjobQ)
35 | 
36 | * ▷ [#4 Create Custom Woocommerce Product Page](https://youtu.be/XPbNd3kpvCA)
37 | 
38 | * ▷ [#5 Create Custom Woocommerce Product Page Sorting Filter](https://youtu.be/1CquVG_O-Ng)
39 | 
40 | * ▷ [#6 Custom WooCommerce Single Product Page](https://youtu.be/adQkthaZJxg)
41 | 
42 | * ▷ [#7 Customize WooCommerce Category Page](https://youtu.be/ETJ2X2tWTlk)
43 | 
44 | * ▷ [#8 Custom Woocommerce Product Category Single Page](https://youtu.be/TfC24hnLLMc)
45 | 
46 | * ▷ [#9 Customize WooCommerce Checkout, Cart and Myaccount page](https://youtu.be/r80cUSJfo9Y)
47 | 


--------------------------------------------------------------------------------
/archive-product.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * The Template for displaying product archives, including the main shop page which is a post type archive
  4 |  *
  5 |  * This template can be overridden by copying it to yourtheme/woocommerce/archive-product.php.
  6 |  *
  7 |  * HOWEVER, on occasion WooCommerce will need to update template files and you
  8 |  * (the theme developer) will need to copy the new files to your theme to
  9 |  * maintain compatibility. We try to do this as little as possible, but it does
 10 |  * happen. When this occurs the version of the template file will be bumped and
 11 |  * the readme will list any important changes.
 12 |  *
 13 |  * @see https://docs.woocommerce.com/document/template-structure/
 14 |  * @package WooCommerce/Templates
 15 |  * @version 3.4.0
 16 |  */
 17 | 
 18 | defined( 'ABSPATH' ) || exit;
 19 | get_header();
 20 | 
 21 | /**
 22 |  * Hook: woocommerce_before_main_content.
 23 |  *
 24 |  * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
 25 |  * @hooked woocommerce_breadcrumb - 20
 26 |  * @hooked WC_Structured_Data::generate_website_data() - 30
 27 |  */
 28 | do_action( 'woocommerce_before_main_content' );
 29 | 
 30 | ?>
 31 | 	<header class="woocommerce-products-header">
 32 | 		<?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>
 33 | 			<h1 class="woocommerce-products-header__title page-title"><?php woocommerce_page_title(); ?></h1>
 34 | 		<?php endif; ?>
 35 | 
 36 | 		<?php
 37 | 		/**
 38 | 		 * Hook: woocommerce_archive_description.
 39 | 		 *
 40 | 		 * @hooked woocommerce_taxonomy_archive_description - 10
 41 | 		 * @hooked woocommerce_product_archive_description - 10
 42 | 		 */
 43 | 		do_action( 'woocommerce_archive_description' );
 44 | 		?>
 45 | 	</header>
 46 | <?php
 47 | if ( woocommerce_product_loop() ) {
 48 | 
 49 | 	/**
 50 | 	 * Hook: woocommerce_before_shop_loop.
 51 | 	 *
 52 | 	 * @hooked wc_print_notices - 10
 53 | 	 * @hooked woocommerce_result_count - 20
 54 | 	 * @hooked woocommerce_catalog_ordering - 30
 55 | 	 */
 56 | 	do_action( 'woocommerce_before_shop_loop' );
 57 | 
 58 | ?>
 59 | 
 60 | 	<div class="container" style="margin-top: 110px;">
 61 | 		<div class="row">
 62 | <?php
 63 | //	woocommerce_product_loop_start();
 64 | 
 65 | 	if ( wc_get_loop_prop( 'total' ) ) {
 66 | 		while ( have_posts() ) {
 67 | 			the_post();
 68 | 
 69 | 			/**
 70 | 			 * Hook: woocommerce_shop_loop.
 71 | 			 *
 72 | 			 * @hooked WC_Structured_Data::generate_product_data() - 10
 73 | 			 */
 74 | 			do_action( 'woocommerce_shop_loop' );
 75 | 			$default_img = '<img src="' . site_url() . '/wp-content/uploads/2018/06/noimg.jpeg' . '"/>';
 76 | 			$img = ( get_the_post_thumbnail() ) ? get_the_post_thumbnail() : $default_img;
 77 | 			$id = get_the_ID();
 78 | 			?>
 79 | 			<div class="col-md-4">
 80 | 				<div><a href="<?php the_permalink(); ?>"><?php echo $img; ?></a></div>
 81 | 				<h4 class="text-center"><a href="<?php the_permalink(); ?>"><?php the_title() ?></a></h4>
 82 | 				<div><?php echo do_shortcode( '[add_to_cart id="' . $id . '"]' )?></div>
 83 | 			</div>
 84 | <?php
 85 | //			wc_get_template_part( 'content', 'product' );
 86 | 		}
 87 | 	}
 88 | 
 89 | //	woocommerce_product_loop_end();
 90 | ?>
 91 | 		</div>
 92 | 	</div>
 93 | <?php
 94 | 	/**
 95 | 	 * Hook: woocommerce_after_shop_loop.
 96 | 	 *
 97 | 	 * @hooked woocommerce_pagination - 10
 98 | 	 */
 99 | 	do_action( 'woocommerce_after_shop_loop' );
100 | } else {
101 | 	/**
102 | 	 * Hook: woocommerce_no_products_found.
103 | 	 *
104 | 	 * @hooked wc_no_products_found - 10
105 | 	 */
106 | 	do_action( 'woocommerce_no_products_found' );
107 | }
108 | 
109 | /**
110 |  * Hook: woocommerce_after_main_content.
111 |  *
112 |  * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
113 |  */
114 | do_action( 'woocommerce_after_main_content' );
115 | 
116 | /**
117 |  * Hook: woocommerce_sidebar.
118 |  *
119 |  * @hooked woocommerce_get_sidebar - 10
120 |  */
121 | do_action( 'woocommerce_sidebar' );
122 | 
123 | get_footer();


--------------------------------------------------------------------------------
/cart/cart.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Cart Page
  4 |  *
  5 |  * This template can be overridden by copying it to yourtheme/woocommerce/cart/cart.php.
  6 |  *
  7 |  * HOWEVER, on occasion WooCommerce will need to update template files and you
  8 |  * (the theme developer) will need to copy the new files to your theme to
  9 |  * maintain compatibility. We try to do this as little as possible, but it does
 10 |  * happen. When this occurs the version of the template file will be bumped and
 11 |  * the readme will list any important changes.
 12 |  *
 13 |  * @see     https://docs.woocommerce.com/document/template-structure/
 14 |  * @package WooCommerce/Templates
 15 |  * @version 3.4.0
 16 |  */
 17 | 
 18 | defined( 'ABSPATH' ) || exit;
 19 | wc_print_notices();
 20 | 
 21 | do_action( 'woocommerce_before_cart' ); ?>
 22 | 
 23 | <form class="woocommerce-cart-form" action="<?php echo esc_url( wc_get_cart_url() ); ?>" method="post">
 24 | 	<?php do_action( 'woocommerce_before_cart_table' ); ?>
 25 | 
 26 | 	<table class="shop_table shop_table_responsive cart woocommerce-cart-form__contents" cellspacing="0">
 27 | 		<thead>
 28 | 		<tr>
 29 | 			<th class="product-remove">&nbsp;</th>
 30 | 			<th class="product-thumbnail">&nbsp;</th>
 31 | 			<th class="product-name"><?php esc_html_e( 'Product', 'woocommerce' ); ?></th>
 32 | 			<th class="product-price"><?php esc_html_e( 'Price', 'woocommerce' ); ?></th>
 33 | 			<th class="product-quantity"><?php esc_html_e( 'Quantity', 'woocommerce' ); ?></th>
 34 | 			<th class="product-subtotal"><?php esc_html_e( 'Total', 'woocommerce' ); ?></th>
 35 | 		</tr>
 36 | 		</thead>
 37 | 		<tbody>
 38 | 		<?php do_action( 'woocommerce_before_cart_contents' ); ?>
 39 | 
 40 | 		<?php
 41 | 		foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
 42 | 			$_product   = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );
 43 | 			$product_id = apply_filters( 'woocommerce_cart_item_product_id', $cart_item['product_id'], $cart_item, $cart_item_key );
 44 | 
 45 | 			if ( $_product && $_product->exists() && $cart_item['quantity'] > 0 && apply_filters( 'woocommerce_cart_item_visible', true, $cart_item, $cart_item_key ) ) {
 46 | 				$product_permalink = apply_filters( 'woocommerce_cart_item_permalink', $_product->is_visible() ? $_product->get_permalink( $cart_item ) : '', $cart_item, $cart_item_key );
 47 | 				?>
 48 | 				<tr class="woocommerce-cart-form__cart-item <?php echo esc_attr( apply_filters( 'woocommerce_cart_item_class', 'cart_item', $cart_item, $cart_item_key ) ); ?>">
 49 | 
 50 | 					<td class="product-remove">
 51 | 						<?php
 52 | 						// @codingStandardsIgnoreLine
 53 | 						echo apply_filters( 'woocommerce_cart_item_remove_link', sprintf(
 54 | 							'<a href="%s" class="remove" aria-label="%s" data-product_id="%s" data-product_sku="%s">&times;</a>',
 55 | 							esc_url( wc_get_cart_remove_url( $cart_item_key ) ),
 56 | 							__( 'Remove this item', 'woocommerce' ),
 57 | 							esc_attr( $product_id ),
 58 | 							esc_attr( $_product->get_sku() )
 59 | 						), $cart_item_key );
 60 | 						?>
 61 | 					</td>
 62 | 
 63 | 					<td class="product-thumbnail">
 64 | 						<?php
 65 | 						$thumbnail = apply_filters( 'woocommerce_cart_item_thumbnail', $_product->get_image(), $cart_item, $cart_item_key );
 66 | 
 67 | 						if ( ! $product_permalink ) {
 68 | 							echo wp_kses_post( $thumbnail );
 69 | 						} else {
 70 | 							printf( '<a href="%s">%s</a>', esc_url( $product_permalink ), wp_kses_post( $thumbnail ) );
 71 | 						}
 72 | 						?>
 73 | 					</td>
 74 | 
 75 | 					<td class="product-name" data-title="<?php esc_attr_e( 'Product', 'woocommerce' ); ?>">
 76 | 						<?php
 77 | 						if ( ! $product_permalink ) {
 78 | 							echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', $_product->get_name(), $cart_item, $cart_item_key ) . '&nbsp;' );
 79 | 						} else {
 80 | 							echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', sprintf( '<a href="%s">%s</a>', esc_url( $product_permalink ), $_product->get_name() ), $cart_item, $cart_item_key ) );
 81 | 						}
 82 | 
 83 | 						do_action( 'woocommerce_after_cart_item_name', $cart_item, $cart_item_key );
 84 | 
 85 | 						// Meta data.
 86 | 						echo wc_get_formatted_cart_item_data( $cart_item ); // PHPCS: XSS ok.
 87 | 
 88 | 						// Backorder notification.
 89 | 						if ( $_product->backorders_require_notification() && $_product->is_on_backorder( $cart_item['quantity'] ) ) {
 90 | 							echo wp_kses_post( apply_filters( 'woocommerce_cart_item_backorder_notification', '<p class="backorder_notification">' . esc_html__( 'Available on backorder', 'woocommerce' ) . '</p>' ) );
 91 | 						}
 92 | 						?>
 93 | 					</td>
 94 | 
 95 | 					<td class="product-price" data-title="<?php esc_attr_e( 'Price', 'woocommerce' ); ?>">
 96 | 						<?php
 97 | 						echo apply_filters( 'woocommerce_cart_item_price', WC()->cart->get_product_price( $_product ), $cart_item, $cart_item_key ); // PHPCS: XSS ok.
 98 | 						?>
 99 | 					</td>
100 | 
101 | 					<td class="product-quantity" data-title="<?php esc_attr_e( 'Quantity', 'woocommerce' ); ?>">
102 | 						<?php
103 | 						if ( $_product->is_sold_individually() ) {
104 | 							$product_quantity = sprintf( '1 <input type="hidden" name="cart[%s][qty]" value="1" />', $cart_item_key );
105 | 						} else {
106 | 							$product_quantity = woocommerce_quantity_input( array(
107 | 								'input_name'   => "cart[{$cart_item_key}][qty]",
108 | 								'input_value'  => $cart_item['quantity'],
109 | 								'max_value'    => $_product->get_max_purchase_quantity(),
110 | 								'min_value'    => '0',
111 | 								'product_name' => $_product->get_name(),
112 | 							), $_product, false );
113 | 						}
114 | 
115 | 						echo apply_filters( 'woocommerce_cart_item_quantity', $product_quantity, $cart_item_key, $cart_item ); // PHPCS: XSS ok.
116 | 						?>
117 | 					</td>
118 | 
119 | 					<td class="product-subtotal" data-title="<?php esc_attr_e( 'Total', 'woocommerce' ); ?>">
120 | 						<?php
121 | 						echo apply_filters( 'woocommerce_cart_item_subtotal', WC()->cart->get_product_subtotal( $_product, $cart_item['quantity'] ), $cart_item, $cart_item_key ); // PHPCS: XSS ok.
122 | 						?>
123 | 					</td>
124 | 				</tr>
125 | 				<?php
126 | 			}
127 | 		}
128 | 		?>
129 | 
130 | 		<?php do_action( 'woocommerce_cart_contents' ); ?>
131 | 
132 | 		<tr>
133 | 			<td colspan="6" class="actions">
134 | 
135 | 				<?php if ( wc_coupons_enabled() ) { ?>
136 | 					<div class="coupon">
137 | 						<label for="coupon_code"><?php esc_html_e( 'Coupon:', 'woocommerce' ); ?></label> <input type="text" name="coupon_code" class="input-text" id="coupon_code" value="" placeholder="<?php esc_attr_e( 'Coupon code', 'woocommerce' ); ?>" /> <button type="submit" class="button" name="apply_coupon" value="<?php esc_attr_e( 'Apply coupon', 'woocommerce' ); ?>"><?php esc_attr_e( 'Apply coupon', 'woocommerce' ); ?></button>
138 | 						<?php do_action( 'woocommerce_cart_coupon' ); ?>
139 | 					</div>
140 | 				<?php } ?>
141 | 
142 | 				<button type="submit" class="button" name="update_cart" value="<?php esc_attr_e( 'Update cart', 'woocommerce' ); ?>"><?php esc_html_e( 'Update cart', 'woocommerce' ); ?></button>
143 | 
144 | 				<?php do_action( 'woocommerce_cart_actions' ); ?>
145 | 
146 | 				<?php wp_nonce_field( 'woocommerce-cart', 'woocommerce-cart-nonce' ); ?>
147 | 			</td>
148 | 		</tr>
149 | 
150 | 		<?php do_action( 'woocommerce_after_cart_contents' ); ?>
151 | 		</tbody>
152 | 	</table>
153 | 	<?php do_action( 'woocommerce_after_cart_table' ); ?>
154 | </form>
155 | 
156 | <div class="cart-collaterals">
157 | 	<?php
158 | 	/**
159 | 	 * Cart collaterals hook.
160 | 	 *
161 | 	 * @hooked woocommerce_cross_sell_display
162 | 	 * @hooked woocommerce_cart_totals - 10
163 | 	 */
164 | 	do_action( 'woocommerce_cart_collaterals' );
165 | 	?>
166 | </div>
167 | 
168 | <?php do_action( 'woocommerce_after_cart' ); ?>
169 | 


--------------------------------------------------------------------------------
/custom_functions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Created by PhpStorm.
 4 |  * User: imransayed
 5 |  * Date: 6/3/18
 6 |  * Time: 12:35 AM
 7 |  */
 8 | 
 9 | if ( ! function_exists( 'ihs_enqueue_scripts' ) ) {
10 | 	function ihs_enqueue_scripts() {
11 | 		if ( is_product() ) {
12 | 			wp_enqueue_style( 'ihs_boot_css', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css' );
13 | 			wp_enqueue_script( 'ihs_boot_js', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js', array( 'jquery' ), '', true );
14 | 		}
15 | 	}
16 | 	add_action( 'wp_enqueue_scripts', 'ihs_enqueue_scripts' );
17 | }


--------------------------------------------------------------------------------
/product-categories.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * Template Name: Product Categories
 4 |  */
 5 | get_header();
 6 | ?>
 7 | <?php //echo do_shortcode( '[product_categories]' );?>
 8 | <?php
 9 | 
10 | $args = array(
11 | 	'taxonomy'          => 'product_cat',
12 | 	'hide_empty'        => false,
13 |     );
14 | $result = get_terms( $args );
15 | ?>
16 | 
17 | <div class="container">
18 | 	<div class="row">
19 | 		<?php
20 | 		foreach ( $result as $cat ) {
21 | 			if ( 'Uncategorized' !== $cat->name ) {
22 | 			$term_link = get_term_link( $cat, 'product_cat' );
23 | 			$cat_thumb_id =	get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
24 | 			$shop_catalog_img_arr = wp_get_attachment_image_src( $cat_thumb_id, 'shop_catalog' );
25 | 			$cat_img = $shop_catalog_img_arr[0];
26 | 				?>
27 | 			<div class="col-md-4">
28 | 				<div>
29 | 					<a href="<?php echo $term_link; ?>"><img src="<?php echo $cat_img; ?>" alt=""></a>
30 | 				</div>
31 | 				<div>
32 | 					<a href="<?php echo $term_link; ?>">
33 | 						<?php echo $cat->name; ?><span>( <?php echo $cat->count;?> )</span>
34 | 					</a>
35 | 				</div>
36 | 			</div>
37 | 		<?php
38 | 			}
39 | 		}
40 | 		?>
41 | 	</div>
42 | </div>
43 | 
44 | 
45 | <?php get_footer(); ?>
46 | 


--------------------------------------------------------------------------------
/products-shop.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Template Name: Products Shop
  4 |  */
  5 | get_header();
  6 | 
  7 | 
  8 | $show_default_orderby    = 'menu_order' === apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) );
  9 | $catalog_orderby_options = apply_filters( 'woocommerce_catalog_orderby', array(
 10 | 	'menu_order' => __( 'Default sorting', 'woocommerce' ),
 11 | 	'popularity' => __( 'Sort by popularity', 'woocommerce' ),
 12 | 	'rating'     => __( 'Sort by average rating', 'woocommerce' ),
 13 | 	'date'       => __( 'Sort by newness', 'woocommerce' ),
 14 | 	'price'      => __( 'Sort by price: low to high', 'woocommerce' ),
 15 | 	'price-desc' => __( 'Sort by price: high to low', 'woocommerce' ),
 16 | ) );
 17 | 
 18 | $default_orderby = wc_get_loop_prop( 'is_search' ) ? 'relevance' : apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby', '' ) );
 19 | $orderby         = isset( $_GET['orderby'] ) ? wc_clean( wp_unslash( $_GET['orderby'] ) ) : $default_orderby; // WPCS: sanitization ok, input var ok, CSRF ok.
 20 | 
 21 | if ( wc_get_loop_prop( 'is_search' ) ) {
 22 | 	$catalog_orderby_options = array_merge( array( 'relevance' => __( 'Relevance', 'woocommerce' ) ), $catalog_orderby_options );
 23 | 
 24 | 	unset( $catalog_orderby_options['menu_order'] );
 25 | }
 26 | 
 27 | if ( ! $show_default_orderby ) {
 28 | 	unset( $catalog_orderby_options['menu_order'] );
 29 | }
 30 | 
 31 | if ( 'no' === get_option( 'woocommerce_enable_review_rating' ) ) {
 32 | 	unset( $catalog_orderby_options['rating'] );
 33 | }
 34 | 
 35 | if ( ! array_key_exists( $orderby, $catalog_orderby_options ) ) {
 36 | 	$orderby = current( array_keys( $catalog_orderby_options ) );
 37 | }
 38 | ?>
 39 | <div class="container" style="margin-bottom: 16px;">
 40 | 	<?php
 41 | 	wc_get_template( 'loop/orderby.php', array(
 42 | 		'catalog_orderby_options' => $catalog_orderby_options,
 43 | 		'orderby'                 => $orderby,
 44 | 		'show_default_orderby'    => $show_default_orderby,
 45 | 	) );
 46 | 	?>
 47 | </div>
 48 | <?php
 49 | 
 50 | $order_by = ( ! empty( $_GET['orderby'] ) ) ? $_GET['orderby'] : '';
 51 | 
 52 | if ( 'price' === $order_by ) {
 53 |     $meta_key = '_regular_price';
 54 |     $order = 'ASC';
 55 | }
 56 | if ( 'price-desc' === $order_by ) {
 57 | 	$meta_key = '_regular_price';
 58 | 	$order = 'DESC';
 59 | }
 60 | if ( 'rating' === $order_by ) {
 61 | 	$meta_key = '_wc_average_rating';
 62 | 	$order = 'DESC';
 63 | }
 64 | if ( 'popularity' === $order_by ) {
 65 | 	$meta_key = '_wc_review_count';
 66 | 	$order = 'DESC';
 67 | }
 68 | 
 69 | $args = array(
 70 | 	'post_type' => 'product',
 71 | 	'meta_key' => $meta_key,
 72 | 	'orderby' => 'meta_value',
 73 | 	'order' => $order,
 74 | //	'tax_query' => array(
 75 | //		array(
 76 | //			'taxonomy' => 'product_cat',
 77 | //			'field'    => 'slug',
 78 | //			'terms'    => 'women',
 79 | //		),
 80 | //	)
 81 | );
 82 | 
 83 | $result = new WP_Query( $args );
 84 | 
 85 | 
 86 | ?>
 87 | <div class="container">
 88 | 	<div class="row">
 89 | 		<?php
 90 | 		if ( $result->have_posts() ) {
 91 | 			while ( $result->have_posts() ) : $result->the_post();
 92 | 			$default_img = '<img src="' . site_url() . '/wp-content/uploads/2018/06/noimg.jpeg' . '"/>';
 93 | 			$img = ( get_the_post_thumbnail() ) ? get_the_post_thumbnail() : $default_img;
 94 | 			$id = get_the_ID();
 95 | 			?>
 96 | 			<div class="col-md-4">
 97 | 				<div><a href="<?php the_permalink(); ?>"><?php echo $img; ?></a></div>
 98 | 				<h4 class="text-center"><a href="<?php the_permalink(); ?>"><?php the_title() ?></a></h4>
 99 | 				<div><?php echo do_shortcode( '[add_to_cart id="' . $id . '"]' )?></div>
100 | 			</div>
101 | 		<?php
102 | 			endwhile;
103 | 		}
104 | 		?>
105 | 	</div>
106 | </div>
107 | 
108 | 
109 | <?php get_footer(); ?>
110 | 


--------------------------------------------------------------------------------
/single-product.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Created by PhpStorm.
 4 |  * User: imransayed
 5 |  * Date: 6/3/18
 6 |  * Time: 2:04 AM
 7 |  */
 8 | 
 9 | get_header();
10 | ?>
11 | <?php
12 | /**
13 |  * woocommerce_before_main_content hook.
14 |  *
15 |  * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
16 |  * @hooked woocommerce_breadcrumb - 20
17 |  */
18 | do_action( 'woocommerce_before_main_content' );
19 | ?>
20 | 
21 | <?php while ( have_posts() ) : the_post(); ?>
22 | 
23 | 	<?php wc_get_template_part( 'content', 'single-product' ); ?>
24 | 
25 | <?php endwhile; // end of the loop. ?>
26 | 
27 | <?php
28 | /**
29 |  * woocommerce_after_main_content hook.
30 |  *
31 |  * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
32 |  */
33 | do_action( 'woocommerce_after_main_content' );
34 | ?>
35 | 
36 | <?php
37 | /**
38 |  * woocommerce_sidebar hook.
39 |  *
40 |  * @hooked woocommerce_get_sidebar - 10
41 |  */
42 | do_action( 'woocommerce_sidebar' );
43 | ?>
44 | 
45 | <?php get_footer(); ?>
46 | 


--------------------------------------------------------------------------------