Solved

Change button wording on home page

lukasz666
Explorer
52 0 12

Hi , 

I am trying to change buttons on lading page. Underneath each product there is button READ MORE and I would like to change it to BUY HERE. 

 

Sounds silly but I am not able to do it! Help please! 

 

page:

https://artisanroast.co.uk/

Accepted Solution (1)

AvadaCommerce
Shopify Partner
3879 839 951

This is an accepted solution.

Hi @lukasz666 ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/style.css->paste below code at the bottom of the file:

.product-collection__buttons a.btn {
    font-size: 0 !important;
}

.product-collection__buttons a.btn:after {
    content: "BUY HERE";
    font-size: 13px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned

View solution in original post

Replies 14 (14)

AvadaCommerce
Shopify Partner
3879 839 951

This is an accepted solution.

Hi @lukasz666 ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/style.css->paste below code at the bottom of the file:

.product-collection__buttons a.btn {
    font-size: 0 !important;
}

.product-collection__buttons a.btn:after {
    content: "BUY HERE";
    font-size: 13px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned
lukasz666
Explorer
52 0 12

Amazing. Works great. thanks! 

lukasz666
Explorer
52 0 12

Hi there, 

Actually, I have discover that something else was affected by this code. 

If you hover over top navigation there is this line of code which is exposed. Screenshot 2022-04-02 at 10.00.40.png

AvadaCommerce
Shopify Partner
3879 839 951

Hi @lukasz666 ,

 

You revert revert code of my try but is not problem? Because my code only need to insert in css, here is the error to be inserted in the html. Should I think you've inserted something extra?

banned
lukasz666
Explorer
52 0 12

Hi, 

no no, I dont think i did. I copied it only in the end of Asset->/style.css->

AvadaCommerce
Shopify Partner
3879 839 951

Hi @lukasz666 ,

 

Can you revert my code to try and get the error? If the error is still there, you can copy it to the theme.scss file

banned
lukasz666
Explorer
52 0 12

Hi there, 

I am afraid I cannot revert to previews code. I cant find the way to do it. 

I have located the line of code you've suggested before and even when I delate it the error in the navigation is still there. 

 

Is this possible that I accidentally pasted it also somewhere else than style.ccs ? 

 

line wich is showing in the top navigation is

 

 .PRODUCT-COLLECTION__BUTTONS A.BTN { FONT-SIZE: 0 !IMPORTANT; } .PRODUCT-COLLECTION__BUTTONS A.BTN:AFTER { CONTENT: "BUY HERE"; FONT-SIZE: 13PX !IMPORTANT; }

AvadaCommerce
Shopify Partner
3879 839 951

Hi @lukasz666 ,

 

Maybe you pasted the code somewhere else. You can file the mega menu to check again. The location it shows can be in the mega menu

 

Thanks you

banned
lukasz666
Explorer
52 0 12

Hi, 

I am not able to find the code anywhere. Is there any way to search for this code rather than scrolling and trying to recognise it? Like search etc? 

AvadaCommerce
Shopify Partner
3879 839 951

Hi @lukasz666 ,

 

Can you share code header.liquid file?

So that we can help you

banned
lukasz666
Explorer
52 0 12

sure L here it is 

 

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="{{ settings.color_theme }}">
<link rel="canonical" href="{{ canonical_url }}">

{% if settings.favicon != blank %}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png">
{% endif %}

{%- capture seo_title -%}
{{ page_title }}
{%- if current_tags -%}
{% assign meta_tags = current_tags | join: ', ' %} &ndash; {{ 'general.meta.tags' | t: tags: meta_tags }}
{%- endif -%}
{%- if current_page != 1 -%}
&ndash; {{ 'general.meta.page' | t: page: current_page }}
{%- endif -%}
{%- unless page_title contains shop.name -%}
&ndash; {{ shop.name }}
{%- endunless -%}
{%- endcapture -%}

<title>{{ seo_title }}</title>

{% if page_description %}
<meta name="description" content="{{ page_description | escape }}">
{% endif %}

{% include 'head-get-social-meta-tags' %}

{%- unless settings.layout_optimize_css -%}
{%- if settings.font_url -%}
{{ settings.font_url | stylesheet_tag }}
{%- endif -%}

{{ 'style.css' | asset_url | stylesheet_tag }}
{{ 'theme.scss.css' | asset_url | stylesheet_tag | class: 'ssss' }}

{%- if settings.dev_enable_custom_css == true -%}
{{ 'custom.css' | asset_url | stylesheet_tag }}
{%- endif -%}
{%- endunless -%}

<script>
window.page = {
default: {}
};
</script>

lukasz666
Explorer
52 0 12

Hi there, 

any chance you could help with this please? Page is still showing this code in the header menu. 

thanks! 

lukasz666
Explorer
52 0 12

Hello, 

Im very grateful for your help but I am left with this code sticking out in my header and I dont know what to do with it. Could you please help or I will have to revers the whole work to get rid if it. 

thanks!

 

lukasz666
Explorer
52 0 12

Hello there, 

I feel a bit abandoned! I used your line of code, things went not too good and Im left here with line of code stickign out in my navigation. Please help!