Change the title of all product page to actually "All Product"

Solved
HolyHeck
Excursionist
30 0 1

Hi, Im using Narrative

Is there any way to change the all product page title to actually"All Products" ? Thank you1.jpg

0 Likes

Hello ,

Please share your site url.

So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
JavierSanz
Shopify Partner
36 5 9

👋Hi @HolyHeck 

 

Go to your https://yourshop.myshopify.com/admin/themes  > Actions > Edit code > open your theme.liquid, there you have to find your <title> tag which defines the tag that will be rendered in each page.

 

You will have something similar to:

 

<title>
{{ 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 %}{% unless page_title contains shop.name %} &ndash; {{ shop.name }}{% endunless %}
</title>

 

And an approach to change the title for your all products page will be by replacing that code with:

 

 

{% if collection.url == "/collections/all" %}

<title>
All products
</title>

{% else %}

<title>
{{ 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 %}{% unless page_title contains shop.name %} &ndash; {{ shop.name }}{% endunless %}
</title>

{% endif %}

Let me know if that does the trick in your end.

 

HolyHeck
Excursionist
30 0 1

Thanks you @JavierSanz for your help. But it seem that It only change the tilte of the website not the collection title.

1.jpg

Is there any other way to do this ? I have been thinking about a solution : Write some code like "if there is a collection image then no collection title or else..." and create a collection call " All Products". But I dont have enough knowledge to do that. Is that a possible way ? Thanks you.

P/s: my website is https://warmderlend.com/ . The password is bukrao

0 Likes
CANDISOFT
Shopify Partner
984 142 445

-add this code at the bottom of your theme.scss.liquid file

header h1.section-header__title.h2{
	font-size:28px !important;
}

 -please like and mark my answer as accepted solution

For Contact : candisoft100@gmail.com
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.
0 Likes
JavierSanz
Shopify Partner
36 5 9

This is an accepted solution.

Ok I see,

 

So it's not the <title> element in your page, but the <h2> element, which host your "Products" text.

 

For that, again go back to your https://yourshop.myshopify.com/admin/themes  > Actions > Edit code > open your theme.liquid, there you have to find this line of code:

 

<h1 class="section-header__title h2">All {{ collection.title }}</h1>

 

And replace it with these lines:

 

 

{% if collection.url == "/collections/all" %}

<h1 class="section-header__title h2">All {{ collection.title }}</h1>

{% else %}

<h1 class="section-header__title h2">{{ collection.title }}</h1>

{% endif %}

 

 

 

HolyHeck
Excursionist
30 0 1

Thanks you so much @JavierSanz 

0 Likes
Power-Gear
New Member
1 0 0

Hi, I have to change the page title too, but I don't know what i have to change because i already have a part of code that I don't know if I can edit.
The differece is that I have to change the title page of this page https://www.power-gear.it/collections, not of a specific page of collection

 

<head>
  <script src="https://www.googleoptimize.com/optimize.js?id=GTM-KJ7KVL7"></script>
  <!-- Basic page needs ================================================== -->
  <meta charset="utf-8">

  <!-- Title and description ================================================== -->
  <!--   	{{ page_title }}  -->
  <title>
    {{ page_title | split: '|' | first }}
    
    	{% if current_tags %} 
    		&ndash; tagged "{{ current_tags | join: ', ' }}"
    	{% endif %}
    	{% if current_page != 1 %} 
    		&ndash; Page {{ current_page }}
    	{% endif %}
    	{% unless page_title contains shop.name %} 
    		&ndash; {{ shop.name }}
    	{% endunless %}
  </title>

 

0 Likes