Magento 2. How To Display the SKU on Catalog Page

[notice type=”warning”]The method will be demonstrated on the Magetique template which has 3 different Catalog Page layouts.

To display the SKU on Catalog Page in your Magento 2 store, do the following:

* We will show the SKU for all products on the Listing Layout 1.

1. Open the list_layout_1.phtml file in the app/design/frontend/TemplateMonster/themeXXX/Magento_Catalog/templates/product folder.

2. Find the piece of code as below:

	<div class="product details product-item-details">
	<?php /* @escapeNotVerified */ echo $block->getProductPrice($_product) ?>
	<?php $_productNameStripped = $block->stripTags($_product->getName(), null, true); ?>

view raw list_layout_1.phtml hosted with by GitHub

3. Add this line of code:

<?php /* @escapeNotVerified */ echo 'sku:' . $_product->getSku() ?>

view raw list_layout_10-add.phtml hosted with by GitHub

4. You should get the following:

	<div class="product details product-item-details">
	<?php /* @escapeNotVerified */ echo $block->getProductPrice($_product) ?>
	<?php $_productNameStripped = $block->stripTags($_product->getName(), null, true); ?>
	<?php /* @escapeNotVerified */ echo 'sku:' . $_product->getSku() ?>

view raw list_layout_1-new.phtml hosted with by GitHub

5. Remember to save the file changes and cleat Magento cache.

Result: