@ecomplus/storefront-snapshot v1.2.0

storefront-template

PWA & JAMstack e-commerce theme for E-Com Plus stores

Template reference

Element identifiers

IDs and classes to identify elements that you may want to add custom functionalities or widgets:

We use (of course) lot of other element identifiers, but you should use as possible the ones listed below to keep your widgets more stable, because we will try to keep it even with new major releases.

• aside#menu
• main#main
  • header#header
    • img#logo
    • a#user-button
    • a#cart-button
    • form#search-form
      • input#search-input
  • article#content
    • section.products-carousel[data-title]
    • section.retail-grid
    • article[data-product="{...}"]
      • div.product-card[data-to-render="true"]
    • div#category
    • div#brand
    • div#collection
    • div#product
      • section#product-block[data-to-render="true"]
      • section#product-description
      • section#product-specs
    • section#search
      • div#search-engine
  • div#overlay
• main#spa
  • div#storefront-app

Search query

Products on search page must be dynamically loaded, default HTTP parameters (optionals) to filter search results:

/search?term&page&categories[]&brands[]