We are pleased that you have chosen MULTIKART Vue theme for your site and we will not disappoint you with your choice. MultiKart is an excellent theme develop with a concise approach. The code written is a clean and well structured.
MultiKart is the most powerful & responsive theme with all the modules and functions involved with an attractive design.
MultiKart theme template is build focusing on HTML and SCSS and works perfectly fine in all the browsers and it's No jQuery!
Multikart theme include 16 Home page layouts, 35+ inner pages, 10+ product pages, and 9+ shop pages.
We request to have a look at our MultiKart manual to know brief about the theme! We have compromised each and every detail for you in the manual that you will need.
If we are unable to answer your queries beyond our documentation, you are free to contact us through the themeforest support page with your site. We will be happy to cater you and will get back to you in no time.
Read the manual before jumping to start!
Welcome to Nuxt! Nuxt helps you build modern web applications. For getting started an Nuxt application you needs two things as Prerequisites.
For getting started an Nuxt application you need two things as Prerequisites.
Before you begin, make sure your development environment includes Node and an npm package manager.
Download latest version of node.js from nodejs.org.
Nuxt apps depend on features and functionality provided by libraries that are available as npm packages. To download and install npm packages, you must have an npm package manager. This Quick Start uses the npm client command line interface, which is installed with Node.js by default. To check that you have the npm client installed, run npm -v in a terminal/console window.
For better understanding Nuxt we suggest you to once go through official documentation of Nuxt from Nuxtjs
Before Creating a nuxt-project make sure that you have instlled npx (although it is included in npm v5.2), just make sure that you have installed it.
Run the below given command to create a nuxt-project:
npx create-nuxt-app my-project
cd my-project
npm install
npm run dev
npm run build
npm run generate
Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]
If you have already download and install node.js and Vue CLI then ignore prerequisites accordingly.
Download latest version of node.js from nodejs.org.
Install Vue CLI Using:
npm install -g @vue/cli
For Nuxt.js use:
npm i npx
cd theme
npm install
npm run dev
If you are facing issues with installing pinia, then you can use --force option to install pinia by force.
Here we represent Vue Folder Structure and Style Customize
We have provided a bunch of demo layouts and header layouts that can be implemented with just a options change to body!
For creating your dream layout open customizer by click on setting icon
You can change your layout version i.e. RTL and LTR by click on :
Also you can change your color option by click on:
Then you just need to click on configuration button
Configuration popup will be open then just copy config which is in popup model
Now go to our theme >> data >> config.json and then just replace complete config.json with your new configuration and re-run theme using npm run serve.
Please refer the below table for corresponding classes. it is just for your inforamation you do not need to bother about this it's dynamically take particular classes according to your needs.
Layout | Options |
---|---|
RTL Layout | Class: rtl |
Dark body | class: dark |
Suppose you want to take only a single demo then you need to follow below steps (for example, you want only kids demo)
Remove all other headers from components >> header except your choice header and import that header in your demo index.vue file.
Remove all other Footers from components >> footer except your choice footer and import that footer in your demo index.vue file.
Remove all other product-box from components >> product-box except your choice product-box and import that product-box in your demo index.vue file.
Remove all other cart-popup from components >> cart-model except your choice cart-model and import that cart-model in your demo index.vue file.
Apart from that, if you needs any extra / customization work then also you can get in touch with our experts by raising ticket to help you in customize with affordable extra budget.