Shopify themes, liquid, logos, and UX
Hi,
So we have changed to the dawn theme and are quite happy so far. But we would like to do some changes and I was hoping someone here could help so we could easily do it ourselves.
First this is our link: https://m35.no/
1. In the multicolumn it is used a text and a arrow:
I would like this to be a button and not an arrow for a link.
2. The same is for the collection list:
3. I would like to say that some of the collapsible tab to be default open. For exampel I have two collapsible tab's - and would like one of them to be default open for the customer.
Solved! Go to the solution
This is an accepted solution.
So if someone is wondinger how to change the arrow to a button I found a solution:
Change this in the multicolumn.liquid (line 66):
<a class="link animate-arrow" {% if block.settings.link == blank %}role="link" aria-disabled="true"{% else %}href="{{ block.settings.link }}"{% endif %}>
{{ block.settings.link_label | escape }}<span class="icon-wrap"> {% render 'icon-arrow' %}</span></a>
to this:
<a class="button button--primary"{% if block.settings.link == blank %} role="link" aria-disabled="true"{% else %} href="{{ block.settings.link }}"{% endif %}>
{{ block.settings.link_label | escape }}
</a>
try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.
span.icon-wrap {
display: none;
}
also i can't any tab please show me
So it will remove the arrow - but that I know how to do. I would like to change the whole link to be a button. Then it is more obvious for the customer that this is a "call to action".
The collapsible tab is in the products - and I have named mine "Beskrivelse" and "Spesifikasjon", see picture where I have marked yellow:
sorry i can't attachment
This is an accepted solution.
So if someone is wondinger how to change the arrow to a button I found a solution:
Change this in the multicolumn.liquid (line 66):
<a class="link animate-arrow" {% if block.settings.link == blank %}role="link" aria-disabled="true"{% else %}href="{{ block.settings.link }}"{% endif %}>
{{ block.settings.link_label | escape }}<span class="icon-wrap"> {% render 'icon-arrow' %}</span></a>
to this:
<a class="button button--primary"{% if block.settings.link == blank %} role="link" aria-disabled="true"{% else %} href="{{ block.settings.link }}"{% endif %}>
{{ block.settings.link_label | escape }}
</a>
Did u perharps find the solution for the tab to be open?
Thanks.
can you please hare more detail with store url
User | RANK |
---|---|
72 | |
70 | |
65 | |
53 | |
52 |
As a business owner, have you ever wondered when your customer's first impression of yo...
By Skye Jun 6, 2023We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023