How To Remove "View Full Details" Button on Refresh Theme ?

etere
Visitor
1 0 0

Hi everyone,

 

I'm asking for help about a little detail but we know that little details make the difference.

 

I'm currently using the Refresh theme, but I am encountering a problem. I chose to display my products on my home page but I would like to remove the "View full details" button that we can find under the Buy it now button.

 

Does someone know how to do it ? Thank you very much!

Replies 9 (9)

GemPages
Shopify Partner
5588 1261 1206

Hello @etere 

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
tanji
Tourist
3 0 1

Hi,  I have the same challenge.  Can someone provide assistance.

BSS-Commerce
Shopify Expert
3465 459 515

Hi @tanji 

Thank you so much for reaching out to us and letting us know some of your information. Your problem needs to fix the liquid code in the Store Theme. You can refer to the following steps:

- You go to Online Store > Theme > Edit code. Then, search "featured_product.liquid" and edit the code:

view - 2023-02-09T114312.500.png

view - 2023-02-09T114315.625.png

In this featured_product.liquid file, to add a product feature/description, please go to the following paragraph:

view - 2023-02-09T114405.383.png

Then, add this code after them:

<div>
    {{ product.description }}
</div>

- Here is the result:

view - 2023-02-09T114441.579.png

Next, to expand View Details you need to find the following code and delete them:

view - 2023-02-09T114456.833.png

Then find the code in the image below:

view - 2023-02-09T114528.736.png

and add this code:

                        <a
                          {% if product == blank %}
                            role="link" aria-disabled="true"
                          {% else %}
                            href="{{ product.url }}"
                          {% endif %}
                          class="product-form__submit button button--full-width button--secondary"
                          style="margin-top: 1rem"
                        >
                          {{ 'products.product.view_full_details' | t }}
                          {% render 'icon-arrow' %}
                        </a>

The above code will be inserted into the code found above. You'll need to be careful to put them in the right place as shown in the image below:

view - 2023-02-09T114650.815.png

- Here is the final result:

view - 2023-02-09T114701.065.png

The order of the elements you can change them based on the code arrangement.

I hope the above suggestions can help you solve the issue.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

tanji
Tourist
3 0 1

Hello and thank you so much for providing an option.  Instead of having a expand button, is it possible to show the product details on the home page?  Basically, trying to eliminate the extra step of clicking the button. The goal is for my main feature product to display all of it details on the home page.

BSS-Commerce
Shopify Expert
3465 459 515

Hi @tanji 

To do that, you need to delete the code containing the expand buttons (you can go to the above file and delete the code containing those expand buttons).

Usually they will have the tag {%- when something -%}, for example: {%- when 'buy_buttons' -%} like below:

view - 2023-02-10T092338.797.png

- For example, we have removed the code at {%- when 'buy_buttons' -%}:

view - 2023-02-10T092421.687.png

I hope that our suggestions can help you solve the issue.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

tanji
Tourist
3 0 1

When code is removed - I get the following:

 

tanji_0-1676035770453.png

 

What is the cost for your team to assist in updating the code and also adding the additional product images to the main product feature?

BSS-Commerce
Shopify Expert
3465 459 515

Hi @tanji 

If you need help from our expert, kindly share your request with us via Shopify experts. We will check it and give you a detailed solution. We're looking forward to working with you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

bassma1996
Visitor
1 0 0

hello kindly can you help me with this ??

 

BSS-Commerce
Shopify Expert
3465 459 515

Hi @etere 

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development