Components are the building blocks that provide dynamic content to pages.

In the theme's html pages they are defined with the data-v-component-* attribute, where * is the component name:

<div data-v-component-products>

	<div data-v-product>
		<span data-v-product-name>Product name placeholder</span>
		<span data-v-product-price>$100</span>
	</div>
</div>

Click a component on the page (or in the navigator) to edit its settings in the right panel - each setting maps to a data-v-* option documented below.

The php code that queries the database and provides the content to be inserted is located in app/component/products.php.

Template .tpl files that bind the data to the html are located in app/template/components/products.tpl

  • └── app
    • └── template
      • └── components
        • └── products.tpl - products list template commands
        • └── posts.tpl - posts list template commands
        • └── cart.tpl - cart template commands
    • └── component
      • └── products.php - products data component
      • └── posts.php - posts data component
      • └── cart.php - cart data component

List