How do I Remove the text and price of the "featured Collection" Section on my front page? Minimal

Store Design
1

How do I Remove the text and price of the “featured Collection” Section on my front page? Minimal theme

my website is https://retrorewinds.com

1 Like
2

Hi, I think I found a solution.

In the “product-grid-item.liquid” file in the “Snippets” folder. scroll to the bottom and find this block of code:


{{ product_title }}

    {% if section.settings.vendor_enable %}
      

{{ featured.vendor }}

    {% endif %}
    {% if featured.title != '' %}
      

        {%- assign price = featured.price | money -%}

        {% if on_sale %}
        {{ 'products.product.regular_price' | t }}
        ~~{{ featured.compare_at_price | money }}~~
        {% endif %}
        {% if featured.price_varies %}
          {{ 'products.general.from_html' | t: price: price }}
        {% else %}
          {% if on_sale %}
            {{ 'products.product.sale_price' | t }}
          {% else %}
            {{ 'products.product.regular_price' | t }}
          {% endif %}
          {{ price }}

          {%- assign variant = featured.selected_or_first_available_variant -%}
          {%- if variant.available and variant.unit_price_measurement -%}
            {% include 'product-unit-price', variant: variant, wrapper_class: 'grid-link__unit-price' %}
          {%- endif -%}
        {% endif %}
      

    {% endif %}

Then, highlight and DELETE that entire block of code. That should be all it takes.

I hope this solves your problem. Good luck

3

@IndiHowell

Please add the following code at the bottom of your assets/theme.scss.liquid file.

#shopify-section-16217259486241f49b .grid-link__title, shopify-section-16217259486241f49b .grid-link__meta{
display: none;
}

Hope this works.

Thanks!

1 Like
4

thank you this took out the words but is there any way to take out the price number as well? @dmwwebartisan

1 Like
5

@IndiHowell

Oh! sorry that was my mistake. Please remove old code and add this new code.

#shopify-section-16217259486241f49b .grid-link__title, #shopify-section-16217259486241f49b .grid-link__meta{
display: none;
}

This should work.

6

Be careful doing this.
It’s an easier solution but if a developer comes in down the line to customize your site they may be unsure why link__meta and link__title aren’t showing up