🏃‍♂️Dynamic Sections

Dynamic sections are sections that either provide a personalized experience or are linked into Global state for the Shopping Cart or Upsell components.

These sections generally have a server side rendered .liquid file which handles the SEO & preloading part, as well as a ./asssets/ .tsx part that renders Preact based components on hydration.

Examples are the product or scrollable-images based on recently viewed products.

Dynamic sections are also used for any section where nothing needs to be rendered on initial page load. This generally includes smaller snippets for popup modals, which would not run without JS in any case.

Section List

• bundle

• featured-product

• main-order

• product

• product-add-to-cart-bar

• product-siblings

• search

• search-grid-with-filters