Preview Section | Password = Chingi
1 2

Version: 1.0.0

Latest Update:

LUXURY MULTI BUTONS - GRADIENT COLORS - FULL CONTROL

LUXURY MULTI BUTONS - GRADIENT COLORS - FULL CONTROL

$5.00 USD
$5.00 USD
Sale Sold out
Taxes included. Download Available in less than 2 minutes

Luxury Multi Buttons Section

This section renders multiple luxurious-styled buttons in a flexible, center-aligned layout — perfect for showcasing promos, CTAs, or product links. Each button is fully customizable with independent colors, styles, and hover effects, delivering a premium look without any extra scripting.

Key features

  • Unlimited buttons — up to 10 blocks, each its own clickable link.
  • Per-button styling — edit gradient start/end, text, border, and background colors.
  • Primary & secondary styles — choose from two elegant presets with hover animations.
  • Responsive layout — buttons wrap and center-align on all viewport sizes.
  • Pure Liquid & CSS — no JavaScript required for maximum performance.
  • Theme compatibility — works seamlessly in Dawn and other Shopify 2.0 themes.

Editable settings

  • Section Heading text
  • Heading typography: font, size, color, alignment, spacing
  • Button blocks (label, URL, new window)
  • Per-button: gradient start/end, text, background, border colors
  • Primary & secondary style select

How to add this section

  1. In Shopify Admin, go to Online Store → Themes, click the menu next to your theme, and select Edit code.
  2. Within the sections folder, click Add a new section.
  3. Name it luxury-multi-buttons.liquid and click Create section.
  4. Remove any placeholder code and paste the code into the new file.
  5. Click Save.
  6. Open the Theme Editor (Customize), click Add section, and choose Luxury Multi Buttons.
  7. Configure the heading, add button blocks, customize colors, then Save your theme.
View full details