Menu

Getting Started
Getting up and running with Monnika Abantecart theme

Monnika Theme

Features Overview

1-Click Installation – you don’t have to be a programmer or coding expert to set up your site. You can install Monnika theme on 1 click. To install this theme, just click on browse button and select downloaded tar.gz archive file in the “Extension Upload” tab on the Admin > Extensions > Install Extension area. This elegant theme is pre-loaded with default banners. You can simply edit the content, add new images and your site is ready.

Google Webfonts - Change fonts for headings and text very easily with only a few clicks in the options panel.

Unlimited Colors - We included a backend color picker for unlimited color options.

Video Support - We support Youtube videos so they can be used on product media

Responsive - theme is fully responsive and can adapt to any screen size.

Awesome Sliders - theme includes home page banner slider; related products slider

Product images

Zoom Enlarge - Product page powered with Dynamically Zoom on images hover and Enlarge popup images on click.

Rollover images - When mouse hover product images from anywhere your store listings a new image that we added from product will be display.

View Demo

Detailed setup

Home page static banner

Navigate to the Banner Manager on your admin panel.

Find Static Banner by refine it in the ‘Name’ column

Change and Save

The recommended image size to Static Banner is 1920px × 1280px. Optimize your images with a perfect balance in quality and file size tool.

Change image.

unlink demo image and upload new.

Change text

change words inside html tags. You can change html too but this is not recomended

Once you are finished customizing your banner, click the ‘Save’ button at the very bottom.

Home page Full Width Responsive Slider

Navigate to the Banner Manager on your admin panel.

Find Parallax Banner by refine it in the ‘Name’ column

Change and Save

The recommended maximum image size to Slide Banner is 500px × 500px. Optimize your images with a perfect balance in quality and file size tool.

Change image.

unlink demo image and upload new.

Change text

change words inside html tags. You can change html too but this is not recomended

Once you are finished customizing your slide, click the ‘Save’ button at the very bottom to save your slider.

Add youtube video to product

YouTube is an incredibly powerful tool. It handles storing, encoding, compressing and playing videos so you don’t have to worry about compatibility across an ever-increasing number of browsers and devices.

To get started, start watching a video and click Share under the video. Three tabs will open with different sharing options. Click Embed. From the box that appears, copy the HTML code.

Sign in to your AbanteCart admin, locate product page and click to add Media.

Select Video and click Add resource HTML

Paste the code

All set!

Include in Your CSS

If you need even more customizations, you can easily add custom CSS directly from theme settings panel without editing core theme files.

Below, we have an example of a rotation angle for the Home Page static banner text. Navigate to Extensions > Monnika Theme > Quick Css into your admin and paste this line to text field.

.slanted {transform: rotate(-33deg) !important;}

HTML blocks

Updating in AbanteCart admin

Theme includes several content HTML boxes like Accepted Cards, Social Links in the footer or "The more you buy, the more you save" home page block.

To change urls to your social accout, follow the steps below:

Step 1 – Navigate Design > Layouts.

Step 2 – Select page where Follow block located. Click to edit block.

Step 3 – Input the URL to your social profile page inside href tag and save your changes.

HTML bock management official guide

Next Steps

All Set!

Well done! Your site is now ready to be used.

In case you need theme customizations or other modifications, feel free to contact us and we’ll be more than happy to send you a quote based on your requirements.
Learn more AbanteCart

Dimmer Message
Dimmer sub-header