Skip to content

Developer notes

Item Value
Add-on id kv_theme_loud
Theme kv_loud (child of responsive)
Kit Kavio theme kit 1.2.1 (modules ovmenu, command, rail, dock)
CSS prefix lo-
  • blocks/products/kv_lo_wall.tpl, kv_lo_index.tpl, kv_lo_calendar.tpl; blocks/categories/kv_lo_words.tpl, kv_lo_chips.tpl; blocks/product_list_templates/kv_lo_rows.tpl, kv_lo_posters.tpl; addons/banners/blocks/kv_lo_posters.tpl; blocks/static_templates/kv_lo_wordmark.tpl; blocks/wrappers/kv_lo_store.tpl (vendor header around “Vendor logo”).
  • Partial addons/kv_theme_loud/partials/kv_lo_rows.tpl (rows and posters on the stock product form).
  • Hooks: index:html_tag (pre), index:scripts (pre), products:image_wrap (pre: image strip), products:main_info_title (pre: left column), products:promo_text (post: drop box, size data, colourways, fit), categories:view_description (pre: category sticker).

Every template renders the stock output (or nothing) unless the licensed Loud design is on.

$product.lo (hook gather_additional_products_data_post): state (soon / live / out), since, notify, left, low, new, drop, fit, colours [{name, hex}], sizes [{name, out, vid, url, on, left}], img2. $kv_lo (hook dispatch_assign_template): cat_promo {name, label, end}, sale_end. $company_data.lo on vendor pages. All catalogue data, request-cached, no writes on page views: safe with the block cache and the full page cache.

JavaScript (js/addons/kv_theme_loud/theme.js)

Section titled “JavaScript (js/addons/kv_theme_loud/theme.js)”

Bag pill and floating bag bar (from the core cart block), fit-text ([data-lo-fit]), tickers with pause button, Rows / Posters switch (localStorage), drop calendar re-check and .ics, notes, category head, size squares on the stock option select, accordions from the product tabs, reviews as quotes.