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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024