How can I remove SKU numbers from product pages on warehouse theme?

How can I remove SKU numbers from product pages on warehouse theme?

797Performance
Tourist
11 0 1

We have two similar stores using "warehouse" theme.  The display product SKU numbers and I would like to remove that.  I found some info about adding script to theme liquid but don't know where on placement.

This is what we have on the one.

<!doctype html>

<html class="no-js" lang="{{ request.locale.iso_code }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=1.0">
<meta name="theme-color" content="{{ settings.accent_color }}">

{%- capture seo_page_title -%}
{%- if request.page_type == 'search' and search.terms != blank -%}
{{ search.terms | split: ' AND ' | last | split: 'product_type:' | last }} - {{ shop.name }}
{%- else -%}
{{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %} &ndash; {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} &ndash; {{ 'general.meta.page' | t: page: current_page }}{% endif %}
{%- endif -%}
{%- endcapture -%}

<title>{{- seo_page_title -}}</title>

{%- if page_description -%}
<meta name="description" content="{{ page_description | escape }}">
{%- endif -%}

<link rel="canonical" href="{{ canonical_url }}">

{%- if settings.favicon -%}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '96x96' }}" type="image/png">
{%- endif -%}

{%- comment -%}Few prefech to increase performance on commonly used third-parties{%- endcomment -%}
<link rel="preload" as="style" href="{{ 'theme.css' | asset_url }}">
<link rel="preload" as="script" href="{{ 'theme.js' | asset_url }}">
<link rel="preconnect" href="https://cdn.shopify.com">
<link rel="preconnect" href="https://fonts.shopifycdn.com">
<link rel="dns-prefetch" href="https://productreviews.shopifycdn.com">
<link rel="dns-prefetch" href="https://ajax.googleapis.com">
<link rel="dns-prefetch" href="https://maps.googleapis.com">
<link rel="dns-prefetch" href="https://maps.gstatic.com">

{% render 'social-meta-tags' %}
{% render 'css-variables' %}

{{ content_for_header }}

<link rel="stylesheet" href="{{ 'theme.css' | asset_url }}">

<link rel="stylesheet" href="{{ 'custom.css' | asset_url }}">

<link rel="stylesheet" type="text/css" href="https://{{ shop.permanent_domain | replace: 'myshopify', 'myconvermax' }}/static/shopify-warehouse/search.css">

{% render 'microdata-schema' %}

<script>
// This allows to expose several variables to the global scope, to be used in scripts
window.theme = {
pageType: {{ request.page_type | json }},
cartCount: {{ cart.item_count | json }},
moneyFormat: {{ shop.money_format | json }},
moneyWithCurrencyFormat: {{ shop.money_with_currency_format | json }},
currencyCodeEnabled: {{ settings.currency_code_enabled | json }},
showDiscount: {{ settings.show_discount | json }},
discountMode: {{ settings.discount_mode | json }},
searchMode: {{ settings.search_mode | json }},
searchUnavailableProducts: {{ settings.search_unavailable_products | json }},
cartType: {{ settings.cart_type | json }}
};

window.routes = {
rootUrl: {{ routes.root_url | json }},
rootUrlWithoutSlash: {% if routes.root_url == '/' %}''{% else %}{{ routes.root_url | json }}{% endif %},
cartUrl: {{ routes.cart_url | json }},
cartAddUrl: {{ routes.cart_add_url | json }},
cartChangeUrl: {{ routes.cart_change_url | json }},
searchUrl: {{ routes.search_url | json }},
productRecommendationsUrl: {{ routes.product_recommendations_url | json }}
};

window.languages = {
productRegularPrice: {{ 'product.general.regular_price' | t | json }},
productSalePrice: {{ 'product.general.sale_price' | t | json }},
collectionOnSaleLabel: {{ 'collection.product.discount_html' | t | json }},
productFormUnavailable: {{ 'product.form.unavailable' | t | json }},
productFormAddToCart: {% if product.template_suffix == 'pre-order' %}{{ 'product.form.pre_order' | t | json }}{% else %}{{ 'product.form.add_to_cart' | t | json }}{% endif %},
productFormSoldOut: {{ 'product.form.sold_out' | t | json }},
productAdded: {{ 'product.form.added' | t | json }},
productAddedShort: {{ 'product.form.added_short' | t | json }},
shippingEstimatorNoResults: {{ 'cart.shipping_estimator.no_results_title' | t | json }},
shippingEstimatorOneResult: {{ 'cart.shipping_estimator.one_result_title' | t | json }},
shippingEstimatorMultipleResults: {{ 'cart.shipping_estimator.multiple_results_title' | t | json }},
shippingEstimatorErrors: {{ 'cart.shipping_estimator.errors' | t | json }}
};

window.lazySizesConfig = {
loadHidden: false,
hFac: 0.8,
expFactor: 3,
customMedia: {
'--phone': '(max-width: 640px)',
'--tablet': '(min-width: 641px) and (max-width: 1023px)',
'--lap': '(min-width: 1024px)'
}
};

document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
</script>

{%- if request.page_type == 'customers/addresses' -%}
<script src="{{ 'shopify_common.js' | shopify_asset_url }}" defer></script>
<script src="{{ 'customer_area.js' | shopify_asset_url }}" defer></script>
{%- endif -%}

<script src="{{ 'theme.js' | asset_url }}" defer></script>
<script src="{{ 'custom.js' | asset_url }}" defer></script>

{%- if request.page_type != 'cart' -%}
<script>
(function () {
window.onpageshow = function() {
// We force re-freshing the cart content onpageshow, as most browsers will serve a cache copy when hitting the
// back button, which cause staled data
document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', {
bubbles: true,
detail: {scrollToTop: false}
}));
};
})();
</script>
{%- endif -%}

{% render 'shogun-head' %}
</head>

<body class="warehouse--v1 {% if settings.animation_image_zoom %}features--animate-zoom{% endif%} template-{{ request.page_type | handle }} {% if request.page_type contains '/' %}template-{{ request.page_type | split: '/' | last | handle }}{% endif %}" data-instant-intensity="viewport">
<script>window.KlarnaThemeGlobals={};{%case template.name%} {%when"product"%} {% if product.first_available_variant.price %}window.KlarnaThemeGlobals.data_purchase_amount = {{ product.first_available_variant.price }};{% endif %}window.KlarnaThemeGlobals.productVariants={{product.variants|json}};window.KlarnaThemeGlobals.documentCopy=document.cloneNode(true);{%when"cart"%} window.KlarnaThemeGlobals.data_purchase_amount={{cart.total_price}};window.KlarnaThemeGlobals.documentCopy=document.cloneNode(true);{%endcase%}</script>

{%- comment -%}Common SVG definitions that we are re-using in several places{%- endcomment -%}
<svg class="visually-hidden">
<linearGradient id="rating-star-gradient-half">
<stop offset="50%" stop-color="var(--product-review-star-color)" />
<stop offset="50%" stop-color="rgba(var(--text-color-rgb), .4)" stop-opacity="0.4" />
</linearGradient>
</svg>

<a href="#main" class="visually-hidden skip-to-content">{{ 'general.accessibility.skip_to_content' | t }}</a>
<span class="loading-bar"></span>

{% section 'announcement-bar' %}

{%- unless request.page_type == 'cart' -%}
{%- comment -%}As required by Shopify rules, popup must be removed on cart page to remove distraction{%- endcomment -%}
{% section 'popups' %}
{%- endunless -%}

{% section 'header' %}

<main id="main" role="main">
{{ content_for_layout }}
</main>

{% section 'static-text-with-icons' %}

<!-- Convermax script -->
<script>
window.Convermax = window.Convermax || {};
{% if template.name == "collection" %}
window.Convermax.collectionId = '{{ collection.id }}';
{% endif %}
</script>
<script src="https://{{ shop.permanent_domain | replace: 'myshopify', 'myconvermax' }}/static/shopify-warehouse/search.min.js" fetchpriority="high"></script>

{% section 'footer' %}

<ul hidden>
<li id="a11y-new-window-message">{{ 'general.accessibility.new_window' | t }}</li>
</ul>
</body>
</html>

Reply 1 (1)

LitExtension
Shopify Partner
4914 1005 1182

Hi @797Performance,

Go to Assets > theme.css and paste this at the bottom of the file:

.product-meta__sku {
    display: none !important;
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com