Removing Collection Titles on the front page but not including collection products

[noborumelb]

Hi, I would like to remove the Collections Titles on the home page but keep the title and prices of the collection for my product list.

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[noborumelb]

https://c77750-2.myshopify.com/

There is no password

[Sweet_Savior_3]

Hello @noborumelb

Please paste the given CSS in base.css file at the bottom and Save.

.collection-list__item .card__heading {
  display: none;
}

OUTPUT:

Thanks

[noborumelb]

hello, I realised that the collections doesnt work when you click on them. It took out the bottom text but now the link doesnt work

[Sweet_Savior_3]

Hello @noborumelb

This is because the link is in the heading.

Okay follow below steps:

1. Open ‘card-collection.liquid’ >> https://prnt.sc/PbENNCfciD65

2. Search for all the ‘card__content’ elements and ‘style="display:none !important;"’ >> https://prnt.sc/U8lRtMzRTHDQ

3. Search for the highlighted line >> https://prnt.sc/-lkfxwMnz5uz

and below that replace

**with**

<a class=“card__media” {% if card_collection == blank %}
role=“link” aria-disabled=“true”
{% else %}
href=“{{ card_collection.url }}”
{% endif %}>

So it should be >> https://prnt.sc/GObtdQXu8snQ don’t forget to close the tag at the bottom >> https://prnt.sc/CU2F5cE9njxX

Final Code:

{%- if card_collection.featured_image -%}
        
            

              
          

        
      {%- endif -%}

4. Save

Thanks

[noborumelb]

Sorry this doesnt work. Can you simplify it please

[Sweet_Savior_3]

Did you found out the file ‘card-collection.liquid’ ?

If yes, then share the code with me I will alter and send you a new code. Just replace the code of the file afterwards.

Thanks

[noborumelb]

Hello, this is the code thanks

{% comment %}
Renders a collection card

Accepts:

• card_collection: {Object} Collection Liquid object
• media_aspect_ratio: {String} Size of the product image card. Values are “square” and “portrait”. Default is “square” (optional)
• columns: {Number}
• extend_height: {Boolean} Card height extends to available container space. Default: false (optional)
• wrapper_class: {String} Wrapper class for card (optional)
• placeholder_image: {String} Placeholder image when collection is empty (optional)

Usage:
{% render ‘card-collection’ %}
{% endcomment %}

{%- liquid
assign ratio = 1
if card_collection.featured_image and media_aspect_ratio == ‘portrait’
assign ratio = 0.8
elsif card_collection.featured_image and media_aspect_ratio == ‘adapt’
assign ratio = card_collection.featured_image.aspect_ratio
endif
if ratio == 0 or ratio == null
assign ratio = 1
endif
assign card_color_scheme = settings.card_color_scheme
assign card_style = settings.card_style
if wrapper_class == null or wrapper_class == ‘none’
assign card_color_scheme = settings.collection_card_color_scheme
assign card_style = settings.collection_card_style
endif
-%}

{%- if card_collection.featured_image -%}

{%- endif -%} {%- if card_collection == blank -%} {{ placeholder_image | placeholder_svg_tag: 'placeholder-svg' }}

{%- else -%}

{%- if card_collection.title != blank -%} {{- card_collection.title | escape -}} {%- else -%} {{ 'onboarding.collection_title' | t }} {%- endif -%} {%- if card_collection.description == blank -%} {% render 'icon-arrow' %} {%- endif %}

{%- if card_collection.description != blank -%}

{{- card_collection.description | strip_html | truncatewords: 12 -}}  {% render 'icon-arrow' %}

{%- endif -%}

{%- endif -%}

{%- if card_collection != blank and card_style == 'card' or card_collection.featured_image -%}

{%- if card_collection.title != blank -%} {{- card_collection.title | escape -}} {%- else -%} {{ 'onboarding.collection_title' | t }} {%- endif -%} {%- if card_collection.featured_image or card_collection.description == blank -%} {% render 'icon-arrow' %} {%- endif %}

{%- if card_collection.featured_image == null and card_collection.description != blank -%}

{{- card_collection.description | strip_html | truncatewords: 12 -}}  {% render 'icon-arrow' %}

{%- endif -%}

{%- endif -%} {%- if card_collection == blank -%}

{{ 'onboarding.collection_title' | t }} {% render 'icon-arrow' %}

{%- endif -%}

[Sweet_Savior_3]

Please replace the code with the given code:

{% comment %}
  Renders a collection card

  Accepts:
  - card_collection: {Object} Collection Liquid object
  - media_aspect_ratio: {String} Size of the product image card. Values are "square" and "portrait". Default is "square" (optional)
  - columns: {Number}
  - extend_height: {Boolean} Card height extends to available container space. Default: false (optional)
  - wrapper_class: {String} Wrapper class for card (optional)
  - placeholder_image: {String} Placeholder image when collection is empty (optional)

  Usage:
  {% render 'card-collection' %}
{% endcomment %}

{%- liquid
  assign ratio = 1
  if card_collection.featured_image and media_aspect_ratio == 'portrait'
    assign ratio = 0.8
  elsif card_collection.featured_image and media_aspect_ratio == 'adapt'
    assign ratio = card_collection.featured_image.aspect_ratio
  endif
  if ratio == 0 or ratio == null
    assign ratio = 1
  endif
  assign card_color_scheme = settings.card_color_scheme
  assign card_style = settings.card_style
  if wrapper_class == null or wrapper_class == 'none'
    assign card_color_scheme = settings.collection_card_color_scheme
    assign card_style = settings.collection_card_style
  endif
-%}

  

    

      {%- if card_collection.featured_image -%}
        
          

            
          

        
      {%- endif -%}
      {%- if card_collection == blank -%}
        

          {{ placeholder_image | placeholder_svg_tag: 'placeholder-svg' }}
        

      {%- else -%}
        
          

            ### 
              
                {%- if card_collection.title != blank -%}
                  {{- card_collection.title | escape -}}
                {%- else -%}
                  {{ 'onboarding.collection_title' | t }}
                {%- endif -%}
                {%- if card_collection.description == blank -%}
                  {% render 'icon-arrow' %}
                {%- endif %}
              
            
            {%- if card_collection.description != blank -%}
              

                {{- card_collection.description | strip_html | truncatewords: 12 -}}
                 {% render 'icon-arrow' %}
              

            {%- endif -%}
          

        

      {%- endif -%}
    

    {%- if card_collection != blank and card_style == 'card' or card_collection.featured_image -%}
      
        

          ### 
            
              {%- if card_collection.title != blank -%}
                {{- card_collection.title | escape -}}
              {%- else -%}
                {{ 'onboarding.collection_title' | t }}
              {%- endif -%}
              {%- if card_collection.featured_image or card_collection.description == blank -%}
                {% render 'icon-arrow' %}
              {%- endif %}
            
          
          {%- if card_collection.featured_image == null and card_collection.description != blank -%}
            

              {{- card_collection.description | strip_html | truncatewords: 12 -}}
               {% render 'icon-arrow' %}
            

          {%- endif -%}
        

      

    {%- endif -%}
    {%- if card_collection == blank -%}
      
        

          ### 
            
              {{ 'onboarding.collection_title' | t }}
              {% render 'icon-arrow' %}
            
          
        

      

    {%- endif -%}