Remove 'full details' button on featured product on the homepage

Store Design
1

Hello,

I am using the Brooklyn theme. Just wondering if anybody could help me remove the button ‘full details’ that appears when I have the featured product component on the homepage.

Thanks in advance.

2

Hello @Javison4 ,

Please share your site url so that I will give you exact solution

3

www.ducksecurities.com

4

@Javison4 ,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss.liquid->paste bellow code in bottom of file
.template-index .product-single .product-single__full-details.text-link {
	display: none;
}
5

Works like a dream. Thank you.

6

Hey, How can I rename the “full details” button, which is appearing on homepage. I am using debutify theme. My website’s URL is https://blue-scope-fire.myshopify.com/

Please help with that. I want to rename it like “see specifications” and also I want to change the text color.

7

Hi! I am trying to add the “Full details” button on a featured product on my homepage in the Debut theme. Right now it has my full product description showing under “Buy it Now” but I want to take away the description and add the button instead which will take it to the product page.

Would you be able to help with this?

Thank you!

8

Hello @NoshKit ,

For that you have to do changes in “featured-product.liquid”.

If you need any help then please mail me at pallavi@oscprofessionals.com

9

Hi, I had the same problem with the Simple theme. I have reviews and more photos on my product page but it doesn’t show up on the home page. I want to replace the full details button with the page with the full details. The link to my site is https://www.fitnessbrisk.com

10

I’m having the same problem and this code is not helping. I have tried getting rid of it but it’s not working. My problem is the " full detail" option is on my featured products I need to get rid of it.

.text-link .continue-link {
display:none! important;
}

a.text-link.continue-link {
display: none;
}
.product__more-details {
display: none!important;
}

.action-link {
display: none !important;
}

This is not working

template-index .product-single .product-single__full-details.text-link {
display: none;
}

11

Hello @BLIP182 ,
Please share your store url

12

Had to do

.product__view-details {
	display: none!important;
}

inside of

Assets > base.css

13

Hi, I am using the origin theme and I have a similar issue. However, I would like to be able to toggle the ‘full details’ button on and off depending on the situation like other blocks in the featured product section. Any advice would be greatly appreciated!

15

I know this works for Origins theme but not sure of the others.

From the editing page right click the exit icon in the upper left and “open in new tab”

Go to Online Store->Theme-> Right click “Edit code” under the 3 dots next to your currently selected theme (middle of the page on the right)

Scroll to the “sections” portion (this was 3rd from the bottom for me above “snippets”

Click “Featured-product.liquid”

Look for and Highlight this entire section (this appeared in the upper half of the lines of code for me around line 453):

“” a
{% if product == blank %}
role=“link” aria-disabled=“true”
{% else %}
href=“{{ product.url }}”
{% endif %}
class=“link product__view-details animate-arrow”
>
{{ ‘products.product.view_full_details’ | t }}
{{- ‘icon-arrow.svg’ | inline_asset_content -}}
</a

Highlight and DELETE this portion; be sure to remove the carrots before the first a and after the last a <>.

Then select save and return to your homepage and the section should be removed.