Remove View Full Details Button On Featured Product On Home Using Sense Theme

Store Design

Topic summary

A user wants to display full product details directly on their homepage’s Featured Product section instead of requiring visitors to click a “View full details” button (using the Sense theme).

Two solutions were provided:

  1. CSS approach: Navigate to Online Store > Themes > Actions > Edit Code > Assets > base.css, then add this code at the bottom:
.product__view-details {
  display: none;
}

This hides the button but doesn’t automatically show the full description.

  1. Template modification: Go to Online Store > Themes > Edit Code > Sections > featured-product.liquid. Add code to render the product description directly:
{%- if product.description != blank -%}
  <div>
    {{ product.description }}
  </div>
{%- endif -%}

Then add a media render snippet below that code block.

Both solutions require editing theme files. The second approach actually displays the description content, while the first only removes the button.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Hi there!

I am looking to show the full product details instead of the “View full details” button on a Featured Product on my homepage. Sense theme. www.petson.co.uk password: 123

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.product__view-details {
    display: none;
}

ZestardTech_0-1686290348009.png
ZestardTech_0-1686290348009.png1919×748 58.4 KB

3

Go to your Online store > Themes > Edit code > Sections > open featured-product.liquid file

Copy this code

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

    {%- endif -%}

And paste it below this line of code

% render 'product-media-modal', product: product, variant_images: media_to_render %}

Save file and reload your store to check

1 Like