Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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: ', ' %} – {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} – {{ '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>
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!
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025