ShopippiShopify ThemesKyoto
v1.0.0Latest
v1.0.0Latest

Kyoto theme · Documentation · v1.0.0

Shared blocks

These blocks can be added to many sections (any section that accepts theme blocks, such as Custom section, Image with text, Rich text and Hero). Their settings are the same wherever you use them.

A dagger (†) marks a setting that appears only after you choose a related option.

Section heading

Sizes and layout

  • Heading size: Use theme setting, Display, Heading 1, Heading 2, Heading 3, Heading 4 (default Use theme setting).

Other settings: Text above heading, Heading, Text, Alignment, Link label, Link, Layout, Show more settings, Text direction, Heading animation, Emphasis effect.

Accordion

Other settings: Open first row, Allow multiple open.

Blocks inside it

  • Collapsible row block
    • Other settings: Heading, Icon, Text, Page.

Buttons

Other settings: Direction.

Contact form

Other settings: Show phone field, Require phone, Submit button label, Success message, Consent text, Require consent.

Blocks inside it

  • Form field block
    • Width: Full, Half (default Full).
    • Other settings: Label, Field type, Options, Required, Placeholder.

Countdown

Other settings: Heading, End date and time, Start date and time, When it ends, End message, Timer style.

Custom liquid

Other settings: Liquid.

Group

Sizes and layout

  • Spacing: 0 to 96 px, in steps of 4 (default 24).

Other settings: Direction, Add border, Content alignment, Vertical alignment.

Icon with text

Sizes and layout

  • Size: Small, Medium, Large (default Medium).

Other settings: Icon, Image, Heading, Text.

Image

Sizes and layout

  • Media aspect ratio: Adapt to image, Portrait, Tall, Square, Landscape, Wide, Vertical (default Adapt to image).
  • Image size (%): 20 to 100 %, in steps of 5 (default 100).
  • Corner radius (px) †: Use theme setting, 0, 4, 8, 16, 24, 40, 64 (default Use theme setting).

Other settings: Image, Mobile image, Image fit, Link, Image reveal, Shape, Presentation, Image alignment.

Blocks inside it

Email signup

Other settings: Consent text, Show privacy link, Require consent.

Quote

Other settings: Quote, Author, Author details.

Seal

Sizes and layout

  • Size: 48 to 240 px, in steps of 2 (default 150).
  • Reach past the side edge (% of the seal) †: −60 to 60 %, in steps of 2 (default 0). 0 touches the corner from inside, 50 centers the seal on the corner, negative values move it inward.
  • Reach past the top or bottom edge (% of the seal) †: −60 to 60 %, in steps of 2 (default 0).
  • Size on phones †: 40 to 200 px, in steps of 2 (default 104).
  • Middle character size (% of the seal) †: 15 to 50 % (default 30).
  • Rim words size (%) †: 70 to 130 %, in steps of 5 (default 100).

Other settings: Words around the rim, Middle character or word, Color, Angle, Position, Motion, Show more settings, Seconds per turn, Soft shadow.

No settings. It uses the theme settings.

Spacer

Sizes and layout

  • Size: Extra small, Small, Medium, Large, Extra large (default Medium).
  • Size on mobile: Use theme setting, Extra small, Small, Medium, Large, Extra large (default Use theme setting).

Other settings: Show line.

Sticker

Other settings: Sticker text, Image, Shape, Placement, Sticker motion.

Text

Sizes and layout

  • Size †: 10 to 120 px, in steps of 2 (default 16).
  • Line height †: Tight, Normal, Loose (default Normal).
  • Letter spacing †: −5 to 20 % (default 0).
  • Maximum width: Narrow, Normal, None (default Normal).

Other settings: Text, Text style, Font, Text case, Text color, Alignment, Text direction, HTML element, Heading animation, Emphasis effect.

Video

Sizes and layout

  • Media aspect ratio: Adapt to image, Portrait, Tall, Square, Landscape, Wide, Vertical (default Wide).

Other settings: Video source, Video, Video URL, Cover image, Autoplay, Loop video.