Button in multicolumn

Technical Q&A
, ,
1

Hello there,
I have quick add buttons at my homepage in my featured collection. Now, i also want these buttons in each column of my multicolumn section on my other page. Not quick add buttons but just normal buttons which will lead to another page. I tried to find the solution and got to a button by coding, but couldn’t figure out how to customize this button so its the same as the others, and how to add a link to it. Can you help me out?

Scherm­afbeelding 2024-11-28 om 19.14.30.png
Scherm­afbeelding 2024-11-28 om 19.14.30.png2880×1567 549 KB

Scherm­afbeelding 2024-11-28 om 19.14.52.png
Scherm­afbeelding 2024-11-28 om 19.14.52.png2880×1563 553 KB

2

Hi, could you share the code you’re currently using for your custom buttons? Also, could you provide a link to your site? I’d be happy to take a look.

3

I tried to use this code in the multicolumn.liquid code:

{% if block.settings.title_button != "Hide" %}

{{block.settings.title_button}}

and also this in the same code but in the schema:

{
          "type": "text",
          "id": "title_button",
          "default": "Test",
          "label": "Button Text"
        },
 		{
          "type": "url",
          "id": "url_button",
          "default": "/",
          "label": "Button Link"
        }

But this made all the buttons black with a white text. I think it has something to do with the class? But i dont know how to do that and where i can find this.
The is the preview link:

https://www.madamecharlie.nl/?_ab=0&_fd= 0&_sc=1

I want the buttons in the columns at ‘our pastries’

4

but now i can not get this to work either, i think i am messing up the place of the code

5

I think it has something to do with the ‘outline’ option of the buttons. I just saw if i dont have this checked, all the buttons on my site will look black/white, and if i do have it checked it will look like how i want them to. But when i did got the code to work a few days ago the option for this checkbox did not show.

6

Jup thats the case, i just checked with my other buttons. So now i just need the buttons to show and to have that option to get them outlined!

7

Hey

Give this a go:

{% if block.settings.title_button != "Hide" %}
  
    {{ block.settings.title_button }}
  
{% endif %}

(Changing button–primary to button–secondary)

Let me know if you are still having problems, and we can troubleshoot further.

8

so only this code? and where do i put this? multicolumn.liquid code?

9

It works! thanks! Just the following thing, now all of my multicolumns have a button… Can i hide the button for certain multicolumns? For all of these…

Scherm­afbeelding 2024-11-30 om 12.25.31.png
Scherm­afbeelding 2024-11-30 om 12.25.31.png2880×1565 587 KB

10

I got the buttons to hide but the columns are not square anymore. Like the buttons are still there but not showing (thats what i want but i also want the columns to be square.

Scherm­afbeelding 2024-11-30 om 12.44.03.png
Scherm­afbeelding 2024-11-30 om 12.44.03.png2880×1555 458 KB

11

Mr Ollie?

12

Apologies, I missed this message. Could you send me where you’re at with the code block, and I’ll take a look?

Ollie

13

Hi Ollie,

I have the same issue. I want buttons on the multicolumn on the desktop just like there is on the mobile version. I also want on the collapsible content feature if possible. Can you dm me please on my site?