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

Solved
StokesCrofter
Visitor
3 0 2

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

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
2926 505 551

This is an accepted solution.

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

Copy this code 

    {%- if product.description != blank -%}
      <div class="product__description rte quick-add-hidden" {{ block.shopify_attributes }}>
        {{ product.description }}
      </div>
    {%- 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 

 


- Is it helpful? Like, or Accept my solution or Buy Me a Coffee!
- Ryviu - Product Reviews app, Collect consumer feedback and import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart.
- Enjoy 3 months of Shopify for $1/month. Sign up now

View solution in original post

Replies 2 (2)
ZestardTech
Shopify Expert
5079 906 1210

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

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Dan-From-Ryviu
Shopify Partner
2926 505 551

This is an accepted solution.

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

Copy this code 

    {%- if product.description != blank -%}
      <div class="product__description rte quick-add-hidden" {{ block.shopify_attributes }}>
        {{ product.description }}
      </div>
    {%- 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 

 


- Is it helpful? Like, or Accept my solution or Buy Me a Coffee!
- Ryviu - Product Reviews app, Collect consumer feedback and import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart.
- Enjoy 3 months of Shopify for $1/month. Sign up now