Step 1
Create a Blog AccountUse a meaningful but unique name for your Blogger store instead of TEST 1, MY TEST SHOP, SHOP ONLINE to show off your own branding for your store. Select "Simple" template from Blogger as the default template to install.
Step 2
De-activate Mobile ViewYou can de-activate the default mobile view for your Blogger template in Template > Mobile > click settings Icon > select "No. Show desktop template on mobile devices." > click Save.
The reason for de-activating mobile view is to not allow Blogger to use the mobile stylings in smaller screen sizes on your store. This will remove all the shopping cart features hence it would not be available & fully functional for mobile users.
Step 3
Cleaning UpAfter install, open your template editor by clicking the Edit HTML button. Now find the widgets that was pre-installed with the default template and DELETE/REMOVE them (the codes). Use the Widget drop down menu to navigate to the widget codes. Below is the screen shots of pre-installed widgets used for Simple template and needs to be deleted.
Blogger widget drop down tab for easy widget navigation |
Delete/Remove Blogger Attribution widget |
Delete/Remove Blogger navbar widget |
Delete/Remove Blogger profile widget |
Delete/Remove Blogger Archive widget |
Step 4
Save Template & Ready for UploadClick "Save Template" when completed deleting the marked widgets above. The necessary indicators for deletion is highlighted for your reference.
General template clean-up is complete & now you are ready to upload your new custom template with e-commerce add-on, shopping cart plug-in pre-installed.
It is easier to maintain a clean set-up to ensure no "hick-ups" during your custom BlogrCart template install. Manually removing widgets is required if your default Blogger widgets is "locked" due to default settings by Blogger widget/gadget developer.