Remove View full Details button on Featured Product on Home using Sense Theme

Store Design
1

I want to remove this button so that it appears all the product info on the featured product on the homepage. I’ve read other solutions to remove that button but none of them worked (I have this file: section-main-product.css BUT NOT theme.css / scss).

Thanks!

2

@warmku

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

It’s a test website, here you have:

https://hellobrand-local.myshopify.com/

Password: hellobrand

Thanks!

4

@warmku

thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-featured-product.css ->paste below code at the bottom of the file.
.share-button+.product__view-details {display: none !important;}
5

Unfortunately, it is not working. It still appears the Share button and the product description is not shown.

Captura de pantalla 2022-05-12 a las 11.05.03.png
Captura de pantalla 2022-05-12 a las 11.05.03.png2410×1260 401 KB

6

i have see its work

KetanKumar_0-1652349123719.png
KetanKumar_0-1652349123719.png1920×1080 216 KB

if need remove share option just check your theme setting disable

7

Please read my last reply. I need the product description to be shown there, not just remove “View full details”. So how do I add the product description?

8

This is the Solution : https://community.shopify.com/topic/1422475

9

@warmku

if you have share code so i will removed share button code and view details

10

Hi Ketan - would you be able to help me with a similar issue? I’d like for the product details to show on the product page, rather than having the customer have to click “View Full Details”

11

@BangarangGolf

yes its my pleasure to help us can you pleases your store url so i will check and let you know proper solution.

12

https://bangaranggolf.com/

Awesome - thank you so much!

13

@BangarangGolf

Thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.share-button+.product__view-details {display: none !important;}
14

Thanks for your help on this. That worked, but mainly… I am just trying to show the details on the landing page so that my customer doesn’t have to click “View Full Details”.

How can I get the full details to automatically show on the home page?

15

@BangarangGolf

Great Thanks for update

yes add this code whenever you want

{{ product.description }}
16

Hi Ketan - where should this code be added?

17

Add this code Feature Product section
Theme >>> Edit Code >>> Section >>> Feature Product

18

Hmm, unfortunately that isn’t appearing correctly. Also, when you do click view full details there are other assets that show that I would like to show on the buying page (subscription option, etc).

Is there a way where I could just have exactly what shows when I click “View Full Details” without having to click to another page? Can exactly what is on that page be featured on the landing page?

19

if you are not able to code please don’t touch any where please add min staff account so will add code proper place

20

Just sent you an invite on Skype!