Components

Renders the language switcher: available languages with links to the translated version of the current page, plus the active language. Usage <div data-v-component-language> <div data-v-language> <a href=""

Renders the currency switcher: the list of available currencies and the active one. Selecting a currency reprices the store in that currency. Usage <div data-v-component-currency> <div data-v-currency> <a href=""

Renders a single category: name, description, image and url. On a category page the component detects the category from the URL automatically. Usage <div data-v-component-category> <h1 data-v-category-name></h1> <div

Displays a list of products Options start - Start offset for pagination, default 0 limit - Number of products to display, default 4 page - Page number, the number of pages is the total number of products divided by limit language_id - Language

Renders product reviews with star ratings: reviewer info, rating, text, attached photos and the rating summary. Usually placed on the product template. Usage <div data-v-component-reviews> <div data-v-review> <strong

Renders the shopping cart: product lines with quantities, applied coupons, totals rows (sub-total, taxes, shipping, grand total). Used on the cart page and for mini-cart dropdowns. Usage <div data-v-component-cart> <div data-v-cart-product>

Renders a customer profile: avatar, display name, bio and contact info. Without options it shows the currently logged-in user. Usage <div data-v-component-user data-v-user_id="url"> <img data-v-user-avatar_url

Renders a single product: image gallery, price (with tax and formatted variants), stock info, add-to-cart / buy URLs and manufacturer/vendor data. Usage <div data-v-component-product data-v-slug="product-19"> <h1