Extensions

/Extensions

AJAX CONFIGURATION

Varmo magento theme provides you Ajax extension with more uses.

1. Ajax for full page

Varmo provides you ajax full page extension.

Go to System > Configuration > Zozoconcepts > Ajax for Full page.

full-ajax

2. Ajax Catalog

Varmo provides you Ajax catalog extension to load ajax in catalog pages.

Go to System > Configuration > Zozoconcepts > Ajax catalog.

ajax-catalog

  • General Settings

Set price slider ajax, layered navigation ajax, product toolbar ajax, infinite scroll ajax in this section.

  • Price slider configuration

Set price slider configuration here.

  • Ajax configuration

In this section, you can configure the ajax overlay, ajax loader and text, call back script.

3. Ajax Cart

Varmo provides you Ajax cart extension to load ajax in cart.

Go to System > Configuration > Zozoconcepts > Ajax cart.

ajax-cart

  • General

You can upload ajax loader image in general section.

  • Add to cart

You can manage the add to cart configuration here.

  • Addto Links

Set ajax links for category page and product page in this section.

QUICKVIEW CONFIGURATION

Varmo comes with Quickview Extension.

Go to System > Configuration > Zozoconcepts > Quickview.

quickview

Quickview Setting

This extension provides you to set quick view with custom width and height.

BLOG CONFIGURATION

Varmo comes with Blog Extension.

Go to System > Configuration > Zozoconcepts > Blog or Quickmenu( Zozoconcepts > Blog > Setting ).

blog-config

1. Blog

This section control the blog related configurations.

2.Category

This section control the category related configurations of blogs.

Blog configurations – Add New Post

Go to Zozoconcepts > Blog > Add Post. You can add new post in blog.

newpost

Blog configurations – Add category

Go to Zozoconcepts > Blog > Manage Category

new-category-blog

DAILYDEAL CONFIGURATION

Varmo comes with Daily deal extension.

Go to System > Configuration > Zozoconcepts > Daily deal or Quickmenu( Zozoconcepts > Daily deal > Settings ).

daily-deal

1. General & Sidebar Configuration

You can manage the daily deal and daily deal sidebar configuration in these section.

2. Set deal products width and height

Daily deal configuration includes product’s width and height.

Add New Deal

design

BRAND CONFIGURATION

Varmo comes with Brands Extension.

Go to System > Configuration > Zozoconcepts > Brands or Quickmenu( Zozoconcepts > Brands > Settings )

brands

Brand

Brand section includes enable slider, thumbnail width and height, slideshow speed and navigation control.

Blog configurations – Add Brand

Go to Zozoconcepts > Brand > Add Brand.

You can add  new brand with associate products.

add-brand

  • you can manage brands via Zozoconcepts > Brand > Brands.

MENU CONFIGURATION

Varmo comes with Menu Extension.

Go to System > Configuration > Zozoconcepts > Menu section panel.

menu

1. General

You can control main menu configuration. it includes main menu mode and type.

2. Menu Bar

You can configure home link icon, text, single icon and additional static block in menu bar section.

3. Mobile Menu

This section manage menu configuration for mobile devices.

4. Sidebar Menu

Sidebar menu control the sidebar in pages and related configuration to sidebar menu.

5. Category Labels

In this section, you can create new label for category navigation.

Menu Configuration In Category Page

1.Mega Dropdown

2. Classic Dropdown

How to insert owl carousel and filter products block inside Menu blocks

1. Inserting Owl Carousel steps

we putted here sample script for example:

<div id=”custom-id” class=”owl-carousel block-slider block dots-light”>
<div class=”block-item”>
<img alt=”Generic placeholder image” class=”img-responsive” src=”{{media url=”wysiwyg/hybrid/img/content/content-static-57.jpg”}}”>
</div>
<div class=”block-item”>
<img alt=”Generic placeholder image” class=”img-responsive” src=”{{media url=”wysiwyg/hybrid/img/content/content-static-59.jpg”}}”>
</div>
</div>
<script type=”text/javascript”>
(function($)
{
$(document).ready(function()
{
$(‘#custom-id’).owlCarousel(
{
items:1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: true,
nav: false,
animateIn: ‘fadeIn’,
animateOut: ‘fadeOut’,
loop: true,
});
var pageSection=$(“.image-bg”);
pageSection.each(function(indx)
{
if ($(this).attr(“data-background”))
{
$(this).css(“background-image”, “url(” + $(this).data(“background”) + “)”);
}
});
});
})(jQuery);
</script>

2. Inserting Filter Block steps

You can use shortcode here,

<div class=”static-menu-products” style=””>

{{block type=”zozoconcepts_featuredproductslider/featuredproductslider” name=”zozonav.product.slider” total_items=”2″ item_count=”1″ template=”zozoconcepts/zozoconcepts_featuredproductslider/static/home-side-featured.phtml”}}

</div>