Re: Add a button for each column in Multicolumn section - Dawn 2.0

Solved

Add a button for each column in Multicolumn section - Dawn 2.0

Ortaliza
New Member
6 0 0

Please help with adding a button for each column in Multicolumn section - Dawn 2.0.

 

Thank you.

Accepted Solution (1)

Savior
Shopify Partner
537 108 161

This is an accepted solution.

@Ortaliza 

 

1. Go to your store click on Actions > Edit Code

2. Find 'multicolumn.liquid' file and replace whole code with this code.

Twinkle_34_0-1637122060105.png

 

Regards 

Twinkle


If helpful then please Like and Accept Solution.

banned

View solution in original post

Replies 19 (19)

Savior
Shopify Partner
537 108 161

This is an accepted solution.

@Ortaliza 

 

1. Go to your store click on Actions > Edit Code

2. Find 'multicolumn.liquid' file and replace whole code with this code.

Twinkle_34_0-1637122060105.png

 

Regards 

Twinkle


If helpful then please Like and Accept Solution.

banned
Ortaliza
New Member
6 0 0

Awesome @Savior thank you so much!

tom123312
Visitor
1 0 1

Added the code and its worked but after adding the button label and URL link the button still isn't active 

Nash6
Visitor
1 0 1

Hello, I've applied the code to my theme, the buttons appeared but are no longer active. How do I fix this issue? 

AFree
Visitor
1 0 1

Hi - I've used this code as well. Thank you for the edit! However, my buttons are not active either (like previous comments.) How can I fix this? (see screenshot)

AFree_0-1668459441638.png

 

erika_brandlab1
Tourist
20 0 2

The buttons are not active, does anyone have a solution to this? Thank you

greytricks
Visitor
2 0 2

Many thanks for this solution. I now have buttons in my columns. However they are not active or clickable.

Where should I check please?

scentsnsecrets
Excursionist
12 0 3

Hi, can you tell me how to add a read more option in multi-column section?

 

damanahi
Visitor
2 0 0

I did this and was very helpful, thank you so much. But now my buttons are not active. Can you please let me know how to make them active? Here's my website: https://www.theholaclub.com/ under the multicolumn session for the type of subscriptions.

Savior
Shopify Partner
537 108 161

Hello@damanahi 

Glad to know that my solution worked for you.

Can you explain in detail what issue you are facing? with a screenshot

banned
damanahi
Visitor
2 0 0

I just fixed it! My buttons were not active, but thank you!

 

Vohn34
Visitor
1 0 1

Hey! How did you get your buttons to be active? I'm having the same issue you had. Thanks!

Oliver_Ced
Visitor
1 0 2

Hi, used this but buttons are not active. How to fix this?

 

I just found the solution guys! In the code provided on row 67 there is a line 

if section.settings.col_button_link == blank and also href="{{ section.settings.col_button_link }}"{% endif %}. Where it says "section" it should be "block". Change that and it should work! Let me know if it fixed the problem for you

Estefaniaprop
Visitor
1 0 0

thank you Olvier_ced it works for me. I left the code in this way

<a class="button button--primary"{% if block.settings.col_button_link == blank %} aria-disabled="true" role="link"{% else %} href="{{ block.settings.col_button_link }}"{% endif %}>
{{ block.settings.col_button | escape }}

jeroenvandepol
Excursionist
30 0 3

I would like to have the buttons aligned. In the screenshot below, I would like to have the green buttons "at the same height" in the column.

 

Screenshot 2023-09-20 22.17.43.png

 

iamsam
Excursionist
16 0 2

Hi, I have just seen this and am hoping some one can assist with how to move the button to the center of the image?

 

Thanks

julienamoseeds
Tourist
17 0 0

I used the code and fix you provided. it worked BUT I have now 2 rows of 2 columns instad of 4 columns. any hint on how to fix this?

other issue: i can't edit the numbers of columns

https://lr7hxjdoww8gwaqi-67050963196.shopifypreview.com

Vurulf
Shopify Partner
1 0 1

I used this code and it worked. Changed the code in 'multicolumn.liquid' I think line 108 is where I started replacing.

 

<button
  {% if block.settings.link == blank %}
    disabled="disabled"
  {% else %}
    onclick="window.location.href='{{ block.settings.link }}'"
  {% endif %}
  style="background-color: #1a1a1a; color: white; border: none; padding: 10px 20px; font-size: 16px; border-radius: 0px;  cursor: pointer;" onmousedown="this.style.backgroundColor='#888';" onmouseup="this.style.backgroundColor='#1a1a1a';"
>
  {{- block.settings.link_label | escape -}}
  <span class="icon-wrap ml-2">&nbsp;{% render 'icon-arrow' %}</span>
</button>

 

iamsam
Excursionist
16 0 2

Thank you