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.
6

Hi @raghid

This has been completed as per the below:

JHKCreate_0-1636836779643.png
JHKCreate_0-1636836779643.png475×1035 60.6 KB

To hide the button just type “Hide” inside the “Button Text” field. Let me know if all is well on that!

3 Likes