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

[Ortaliza]

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

Thank you.

[Savior · 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.

Regards 

Twinkle

---

If helpful then please Like and Accept Solution.

[Ortaliza]

Awesome @Savior thank you so much!

[tom123312]

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

[Nash6]

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

[AFree]

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)

[erika_brandlab1]

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

[greytricks]

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]

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

[damanahi]

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]

Hello@damanahi 

Glad to know that my solution worked for you.

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

[damanahi]

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

[Vohn34]

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

[Oliver_Ced]

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]

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]

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.

[iamsam]

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]

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]

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]

Thank you