Design Packs Docs
design-packs.comView on Shopify App Store
  • Get started here
  • Guides
    • Adding your first section
    • Adding your first template
    • General settings
    • Helpful hints & resources
    • Troubleshooting
    • Performance
  • Fundamentals
    • Section Settings
      • Setting Solid Background Colors instead of Gradients
      • Understanding Layout Settings: Size & Maximum Width
      • Understanding Inner Padding & Outer Margin Settings
      • Custom Classes Setting
      • Show Individual Variants Setting
      • Enable Metafield Detection Setting
        • Metafield ready sections
        • How to Use Metaobjects on Product template with Image with text - simple section
      • Metafield Badge Setting
      • Using Blog Tags Setting to Show Product-Specific Blog Posts
      • Add custom events when product is added to cart
      • Size Controls for Image & Video Blocks
      • Featured collection - blocks
        • How to use the Liquid Block in "Featured collection - blocks" Section to Add Custom Review Apps
        • How to use the Metafield Image Badge block
        • How to use the Metafield text block
      • Newsletter/Signup Form Block - Tags
      • How to add a Hidden Field in Contact Form
    • Sections
      • Banners & Sliders
      • Flourish
      • Icon & Logos
      • Image with text
      • Menus & Navigation
      • Blocks & Columns
      • Text Content
      • Products & Collections
      • Article sections
      • Galleries
      • Misc
      • Modal Popup
    • Templates
      • Regular Page
      • Lookbooks
      • Blogs
      • Blog Posts
      • Collection
      • Landing pages
    • Custom CSS
      • Basic CSS examples
      • Mobile CSS examples
      • Advanced Examples
    • Shopify expertise
      • Theme editor
      • Metafields
      • MetaObjects
    • How to Guides
      • How to jump/ link to another section on the SAME page
      • How to forward a contact form in Shopify to a different email with Gmail filters
      • How to create new page templates (and keep the original as a starting point)
      • Creating a New Product Template
      • How to set default article template for all blog posts
  • Use Cases
    • For Designers
    • For Developers
    • Agency Licenses
    • Affiliate Program
  • PRODUCT BLOCKS
    • Product Blocks
      • Image with text block
      • Connected products block
      • Variant descriptions block
      • Value icons block
      • Video block
      • Collapsible content block
      • Feature range block
  • Integrations
    • Theme Updater App
Powered by GitBook
On this page
  • Flourish
  • Story Telling
  • Selling
  • Functionality
  • Custom Fonts
  • Tool Highlights
  1. Use Cases

For Designers

We built design packs with designers in mind. Design packs are flexible enough to fit into any design seamlessly.

PreviousHow to set default article template for all blog postsNextFor Developers

Last updated 3 years ago

Good to know: We've designed our packs to be the perfect no-code solution to augmenting existing Shopify themes. Just the right options to perfectly fit into existing design and branding!

Our goal is to make the perfect design tool to create the ideal user experience for an online store. Start with an existing Shopify theme. Add Design Packs to make it unique, bring out the personality of the brand and add functionality you may be missing.

Flourish

Make each store you design unique with design flourishes. These flourishes create brand trust by giving each store that "premium" feel of a custom theme without the cost and time of custom development. Check out some of our flourish options:

  • ,

  • ,

  • ,

Story Telling

Providing context, data, and extra information are becoming integral parts of the online shopping experience so that customers can understand the journey of the merchant. People want to be more connected to the people they're choosing to buy from. Do it with style with these helpful options:

  • ,

Selling

Obviously, selling product is the end goal of any online store. Use Design Packs to highlight products in their natural environment with lifestyle images. Add hotspots to the lifestyle images or integrate the lifestyle images right in with products on a collection page. Or feature products within each blog article. Allow customers to bundle variants on the product page.

  • Shop the collection

  • Shop the look

  • Lifestyle collection

  • Product variant bundle

  • Article product highlights

Functionality

Some things you just need on a store, but there's no reason they can't also be stylish too!

  • HTML embed widget

  • Address - map

  • Countdown - simple, countdown - parallax

  • Contact form - text

Custom Fonts

We've added the ability to add any custom font to your theme. These fonts can be applied all Design Packs or the entire theme.

Tool Highlights

  • Flexible sections easily customized with no coding needed

  • Add custom fonts to all design packs

  • Add custom fonts to entire theme

  • Know a little CSS? Tweak per pack in customizer or in app to apply globally

  • Gradients for backgrounds & overlays on most sections

  • Use different images for Desktop & Mobile

  • Mix & match existing theme sections with Design Pack sections throughout the whole theme

Features Highlight
Page cover image
Text badge
image badge
Border top
border bottom
Cutout top
cutout bottom
Divider
Timeline
Bar chart
Pie chart