Configuration

/Configuration

THEME CONFIGURATION

Varmo Magento has been developed with extensive configurational options on your dashboard control. These allows you to customize your theme without any coding.

Go to System > Configuration > Zozoconcepts > Theme Config Panel section or Quickmenu( Zozoconcepts > Hybrid > Theme configuration ) to start your own design configuration. Settings are self-explanatory.

1. Header

Header includes variants of header types, sticky header, compare link, category search custom options, static blocks(only applicable in header type 5).

Header Type 1

header-type1

Header Type 2

header-type2

Header Type 3

header-type3

Header Type 4

header-type4

Header Type 5

header-type5

Header Type 6 ( transparent )

header-type7

Header Type 7 ( semi transparent light  )

Header Type 8 ( semi transparent dark)

header-type6

Sticky Header

Header Configuration

2. Category Page

you can set product images sizes, products column, prices, ratings, actions in catalog category page.

Actions

actions

Keep Image Aspect Ratio

image-aspect-ratio-normalimage-aspect-ratio-custom

3. Product view

This section includes product image sizes, previous or next products to view, product zoom options, thumbnail image options in product view page.

Inner Zoom & pre/next link

zoom_link

Rightside Zoom

rightside-zoom

4. Product Label

you can set labels for products with discount.

actions

5. Footer

You can config custom footer blocks in footer area.

footer

Footer Configuration

6. Newsletter popup

Custom newsletter popup configurations.

newsletter

Newsletter Configurations

7. Contact us

In this section you can set google map addresses and static blocks for contact page.

contact-us

Contact us configurations

8. Data Import

This section provides you to import pages, blocks and demos.

DESIGN CONFIGURATION

Varmo Magento has been developed with extensive configurational options on your dashboard control. Varmo magento gives you the ability to configure the visual appearance of your store. You can change any colors for each elements by using color pickers or by specifying color value manually. You can also apply textures(patterns) for the main sections of the page.

Go to System > Configuration > Zozoconcepts > Design Config Panel section or Quickmenu( Zozoconcepts > Hybrid > Theme Design ) to start your own design configuration. Settings are self-explanatory.

design-config

1. General (Theme color)

In this option, you can set main color of entire store

2. Colors

This section provides you to set text color, link color, hover color, background color for text and button, list action hover color, product label text and background color, quick view icon text and background color.

3. Font

You can set font size, font family for header and body, google font for header and body, font weight and character sets in this configuration.

4. Header

These configuration( primary color, link color, link hover color ) for header

5. Navigation

Navigation section provides you to set navigation background color and line height. dropdown box text, link, hover and background colors. category labels text and background colors. font sizes inside mega dropdown options.

6. Custom Css

You can write custom style here.

SOCIAL CONFIGURATION

Varmo Magento has been developed with extensive configurational options on your dashboard control. Varmo magento gives you the ability to configure the social network links with your store.

Go to System > Configuration > Zozoconcepts > Social Config Panel section to start your own design configuration. Settings are self-explanatory.

social-config

Social Blocks

Social config provides you to set facebook, googleplus, twitter, youtube, dribbble links and you can add twitter feeds.

RTL CONFIGURATION

Varmo provides RTL configurations.

Go to System > Configurations > Zozoconcepts > Theme Config > Header and General Layout Settings or Quickmenu ( Zozoconcepts > Hybrid > Theme Configurations > Header and General Layout Settings )

rtl

Step 1: Follow the above steps and select “Yes” to enable the RTL Support.

Step 2: Next, Expand the Data Import and click ‘Import Demo 13(Rtl)’

Owl carousel slider based  short codes add rtl=”true”

Shortcode:

{{block type=”zozoconcepts_featuredproductslider/new” name=”zozo.newproduct.slider” item_count=”3″ rtl=”true” template=”zozoconcepts/zozoconcepts_featuredproductslider/static/home-new-product.phtml”}}

Owl carousel Script:

<script type=”text/javascript”>
require([ ‘jquery’, ‘owlcarousel’], function(){
jQuery(document).ready(function () {
jQuery(“#new_product .owl-carousel”).owlCarousel({
autoplay: true,
rtl: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
margin: 10,
nav: true,
.
.
.
}
});
});
});
</script>