Step one: Frontend
Install MobiShop extension like you install order third party extensions. After a successful installation, a sub category of block called MobiShop will be created.
Click on the the subcategory name and it will show you all the blocks related to MobiShop.
Drag and drop any shop front you want to use like the fashion shop block,
electronics shop block,
vegetarian shop block,
quickview shop block e.t.c and many other shop block to choose from.
Customize the shop front block you choose from the setting cog. Starting from choosing the number of product you want to sell, after that change the theme color, background color and others.
Then very important select update product id and you will discover that the product ID of each product will be visible, make sure that all the product on the shop has a unique product ID and has no space or special characters. When you are through with setting of product id, select save product id agian from the setting cog and the product id will be invisible but still on the block.
Important: Open the mobirise shop tab and drag and drop the shop cart block to you shop page.
The shop cart block is the main engine that connect the MobiShop front end design with the MobiShop backend application, and without adding this block to your page will result in you not noticing any effect when you click on Add to Cart button. What I am saying in essence is that you must add one shop cart block to you page if you want to connect your shop backend with your front end.
The Shop Cart block is an invisible block when you publish your website, just disable the notification information from the setting cog and you will only be left with the shop image, the reason for the image is that if the image is removed like the text, you wont be able to see the block parameters.
After adding this Shop Cart block to your page, on preview you will notice that the add to cart is now active. But nothing much will happen on the preview mode, because you have not setup the backend of the Mobishop.
Now that you have setup the frontend of Mobishop, let's move to the step two which is the backend.