How do you add a button to the custom html section?

I’m trying to add a button underneath my product categories that says, “View All,” because the section doesn’t have one for some reason. I’m on the turbo theme btw.

sizzlingsupplies.com

No password

your website has a password.

you want the button in all collections or only some?

giacay is the password. And just on the homepage where it says my categories.

  1. You must encode collection-list.liquid in the schema after Setting {} put in the following code

{
“id”: “sales_cta_button”,
“type”: “text”,
“label”: “Button”
},
{
“id”: “sales_cta_link”,
“type”: “url”,
“label”: “Link”
},

You can modify the IDs for better identification according to your need.

  1. in the lliquid code you look for the end of the DIV so that the button at the bottom appears. and you should see which are the classes that the collection has. modify them according to your template.

{% if section.settings.sales_cta_button != ‘’ %}

/*modify this class and the button*/

{{ section.settings.sales_cta_button }}

{% endif %}

result

I’m confused I don’t need to modify the code of the theme.

I meant the custom HTML box. How do I just add a basic button to it?

in that case you must create the html button normally in an editor, place the link and insert it in the box.

Text button

remember to change the css classes for your template buttons

@Toorbia How do I make it actually go somewhere though?

in href=" link "

you put the link where you want to send

example: all collections

View All

@Toorbia Ok and last question, how do you center the button so it’s in the middle.