Duskline Theme docs

Help

Changelog

What's new in each version of Duskline. To update, see How do I update Duskline?

1.0.0

Initial release.

Presets

  • Three presets: Duskline for sleepwear and apparel, Gilt for jewelry and gifts, and Rally for sports gear. Each has its own six color schemes, fonts, shapes and page layouts. See Presets.

Signature features

  • Time of day hero: day, dusk and night phases that follow each visitor's local time, each with its own image, mobile image, video, inset image, eyebrow and color scheme, chosen before the page is drawn.
  • Hero video that shows its own first frame until it plays, with a pause button, an optional sound button and a triptych layout on desktop.
  • Swatch product cards: selecting a swatch changes the card's photo and link; hover preview on desktop; swipeable photos on touch screens.
  • In-place variant switching on product pages, including combined listings.
  • Size guide dialog with a size chart from a page, a rich text setting or a product metafield, a "how to measure" image with numbered measuring points, highlighting of the selected size, an inches and centimeters switch and a size finder.
  • Material details dialog with a photo and label and value rows that can be connected to product metafields.
  • Cart drawer or cart page with a free shipping progress bar or ring, converted for other currencies, and an optional confetti burst when free shipping is reached.
  • Complementary product suggestions in the cart drawer and on the cart page.
  • Delivery estimate based on business days, order cutoff hour, weekends and holidays, on product pages and in the cart.
  • Transparent header over a full-width hero or image banner on the home page, with an inverse logo.

Sections

  • Header with a shop panel, mega menus and mega menu images, a featured card, sticky options and a mobile menu.
  • Announcement bar with rotation and a free shipping threshold placeholder.
  • Footer with menus, text, email signup, image and social media icon blocks, a large store name, Follow on Shop, payment icons, policy links, a copyright note and a contact email.
  • Slideshow, Image banner, Image with text, Rich text, Editorial band and Lookbook mosaic. Image banner and Editorial band accept a background video.
  • Featured collection as a grid or a product row, Collection list, Featured product and Product recommendations.
  • Shop the look, Gift guide and Timeline.
  • Multicolumn, Collapsible content, Testimonials, Logo list, Video, Email signup, Blog posts and Contact form.
  • Custom Liquid and Apps.

Product pages

  • Four desktop media layouts (large first image then two columns, stacked, two-column grid, carousel with thumbnails), zoom, a badge on the first image, an option to use the full screen width, and sticky product information.
  • Sticky add to cart bar.
  • Blocks for variant picker (buttons, dropdown and swatches, with a single swatch for options with one value), buy buttons with dynamic checkout, subscriptions, gift card recipient form, Shop Pay Installments and pickup availability, size guide, material details, delivery estimate, collapsible rows, icons with text, product rating, inventory status, SKU, vendor, share and complementary products.

Collections and search

  • Filtering with horizontal, vertical or drawer layouts, swatch and image filters, price range and live updates.
  • Sorting, editorial cards in the product grid and quick add from product cards.
  • Search suggestions for products, collections, pages, blog posts and suggested searches.

Cart

  • Reassurance notes with a delivery estimate, an optional discount code field and optional express checkout buttons.
  • Empty cart with a featured collection and link rows.

Foundations

  • Six color schemes per preset, Shopify font library typography with heading size, letter case and letter spacing settings, and adjustable button, input and image corner radius.
  • Optional hover effect for cards and buttons, off by default.
  • Storefront text in English, French, German, Spanish, Italian, Brazilian Portuguese, Dutch, Japanese and Danish.
  • Country/region and language selectors.
  • Accessible markup: keyboard navigation, visible focus and reduced motion support.
  • No external scripts or fonts outside Shopify, apart from a YouTube or Vimeo video you choose to embed.