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

Store Design

Topic summary

Issue: Users want to add individual buttons under each column in Dawn 2.0’s Multicolumn section, rather than having a single button below all columns.

Solution Provided:

  • JHKCreate offered free collaborator access assistance and successfully implemented the feature for the original poster
  • Complete code solution shared for multicolumn.liquid and section-multicolumn.css files
  • Key addition involves inserting specific code blocks that enable per-column button functionality:
    • Conditional button display code using block.settings.title_button
    • Schema additions for “Button Text” and “Button Link” fields
  • Buttons can be hidden by typing “Hide” in the Button Text field

Additional Requests:

  • Multiple users successfully replicated the solution on Dawn 2.0 and Refresh themes
  • Follow-up questions addressed:
    • Button styling issues (outline style, shadows, transparency)
    • Compatibility with Brooklyn theme (unanswered)
    • Centering button text

Status: Solution confirmed working by multiple users. Some styling customization questions remain open, with suggestions to modify HTML classes or share website links for specific troubleshooting.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
20

Hi @JHKCreate

Thank you for the solution.

How can I add an option to use the outline button style, like in rich text section:

Ben1000_0-1649105628160.png
Ben1000_0-1649105628160.png2462×550 28.2 KB

Thanks