How to Remove the Collection Name ( Shopify Dawn Theme )

[dreamtechzone_5]

Hello Everyone!

I want to remove the Collection Name. Please help me. Thank you.

Store: https://delicious-fruits-vegetables.myshopify.com/

Password: Admin

[DaisyVo]

Hi @dreamtechzone_5

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
.collection-list-wrapper ul.collection-list h3.card__heading {
    display: none !important;
}
{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[dreamtechzone_5]

Collection Name has been removed but clicking on the image is not taking to the product page.

[mohan610]

Hi @dreamtechzone_5

You fix this issue either using CSS or Shopify liquid code.

1. Using CSS:

• Admin > Online store > Edit code
• Search for “base.css” file

.collection-list .card__information{

display:none;
}

2. Using Shopify Liquid
   {% comment %}
   {% endcomment %}

[DaisyVo]

Hi @dreamtechzone_5

You replace it with this code and it will work

{% style %}
.collection-list-wrapper ul.collection-list h3.card__heading {
    opacity: 0 !important;
}
{% endstyle %}

[dreamtechzone_5]

I see clickable here. Only the image will be clickable.

[dreamtechzone_5]

Are you there? I see clickable here. Only the image will be clickable.

[LizHoang]

Hi Dreamtechzone_5

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.card__content {
    display: none !important;
}

Result:

Best

Liz

[dreamtechzone_5]

Thank you. But image is not clickable.

[LizHoang]

Hi, you can try these steps:

Step1: https://prnt.sc/ZXUTr_GlpAA4

Step 2: https://prnt.sc/eLZRNhm7bcNb

[mohan610]

Hi @dreamtechzone_5

Please follow this steps

• Shopify Admin >> Action >> Edit code >> Goto snippet >> card-collection.liquid (Replace all the code with this one)

{% 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
-%}
{% style %}
  a.overlay_link {
    z-index: 2;
}
  {% endstyle %}

  

    

      {%- if card_collection.featured_image -%}
        

          
            
           
            
          

        

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

        
      {%- endif -%}
    

   
    {%- if card_collection == blank -%}
      
        

          ### 
            
              {{ 'onboarding.collection_title' | t }}
              
                {{- 'icon-arrow.svg' | inline_asset_content -}}
              
            
          
        

      

    {%- endif -%}
  

[DaisyVo]

Hi @dreamtechzone_5

You replace it with this code and it will work

{% style %}
.collection-list-wrapper ul.collection-list h3.card__heading {
    opacity: 0 !important;
}
.card.card--standard.card--media {
    margin-bottom: -50px !important;
}
ul.collection-list {
    margin-bottom: 20px !important;
}
{% endstyle %}