CS Mega Menu change image location or link

[ZikmaSolutions]

Hello,

 

yesterday I make cdn account and make my presta faster. All my product images, category images are on cdn.matrix.rs but images from module CS MEGA MENU are still hosted on main domain.

website link: www.matrix.rs
PS version: 1.6.0.6

Module: CS MEGA MENU

 

On this link http://tools.pingdom.com/fpt/#!/dsffbh/matrix.rs , you can check my pref.grade for static content on website. And only this images from CS MEGA MENU are problem.

 

This is tpl , so if someone can tell me how to edit URL for images, add prefix "cdn."

{* define the function create category *}
{function menu level=1}
 {if is_array($data) && $data|@count > 0}
  <div class="sub_menu" style="width : {$width}px;">
  <ul class="level_{$level}">
  {foreach from=$data item=menu key=k name=menu }
	{assign var="image" value=$ps_cat_img_dir|cat:$menu['id']|cat:'-'|cat:$image_size|cat:'.jpg'}
    {if is_array($menu['children']) && $menu['children']|@count > 0}
      <li {if $menu['children']|@count > 0} class="parent"{/if}><a href="{$menu['link']}">
		  {$menu['name']} </a>
		{menu data=$menu['children'] level=$level+1}
	  </li>
    {else}
      <li><a href="{$menu['link']}">
	  {$menu['name']}</a></li>
    {/if}
  {/foreach}
  </ul></div>
  {/if}
{/function}
{if isset($menus) && $menus|@count>0}
<!-- Block mega menu module -->
<div class="cs_mega_menu" id="menu">
	<div class="cs_mega_menu_cat"><div class="shop_by"><span class="shop_by">{l s='All Categories' mod='csmegamenu'}</span><span class="icon">+</span></div>
	<div class="cs_ul_mega_menu">
	<ul class="ul_mega_menu">
	{foreach from=$menus item=menu  name=menus}
		<li class="{$menu->classes} menu_item{if $smarty.foreach.menus.first} menu_first{/if} {if $smarty.foreach.menus.last}menu_last {/if}level-1{if $menu->options && $menu->options|@count > 0} parent{/if}">
			{if isset($menu->description[(int)$cookie->id_lang]) && $menu->description[(int)$cookie->id_lang]!=""}
			<div class="des_menu">{$menu->description[(int)$cookie->id_lang]}</div>
			{/if}
			<a class="title_menu_parent" href="{$menu->link_of_title[(int)$cookie->id_lang]}" title="">
			{if isset($menu->icon) && $menu->display_icon == 1 && $menu->icon != ''} <span class="icon_menu">
			<img  src="{$path_icon}{$menu->icon}" alt=""/></span>{/if}
			{$menu->title[(int)$cookie->id_lang]}</a>
			
			{if $menu->options && $menu->options|@count > 0}
			<div class="options_list" style="width : {$menu->width}px;">
			
				{foreach from=$menu->options item=option  name=options}
				<div class="option{if $smarty.foreach.options.index % $menu->number_column == 0} clear{/if}" style="width : {$option['width']}px; float:left">
				 {if $option['type_option'] == 0} <!--case category-->
				 {if isset($option['category_parent'])}
						{assign var="image" value=$ps_cat_img_dir|cat:$option['category_parent']->id_category|cat:'-'|cat:$option['content_option']->opt_image_size_cate|cat:'.jpg'}
						{if $option['content_option']->opt_show_image_cat == 1 && file_exists($image)}
						<div class="image_cat_parent">
							<a class="cat_parent" href="{$link->getCategoryLink($option['category_parent']->id_category, $option['category_parent']->link_rewrite)|escape:'htmlall':'UTF-8'}">
								<img class="img_parent" src="{$link->getCatImageLink($option['category_parent']->link_rewrite, $option['category_parent']->id_image, $option['content_option']->opt_image_size_cate)}" alt=""/>
							</a>
						</div>
						{/if}
						
						{if $option['content_option']->opt_show_parent_cat == 1 }
							<div class="out_cat_parent">
							<a href="{$link->getCategoryLink($option['category_parent']->id_category, $option['category_parent']->link_rewrite)|escape:'htmlall':'UTF-8'}">
							{$option['category_parent']->name}</a>
							</div>
						{/if}
					{/if}
					
					{if isset($option['sub_category']) && $option['sub_category']}
						{assign var="sub_categories" value=$option['sub_category']['children']}
							{assign var="ul" value=0}
							{while $ul < $sub_categories|@count}
							<ul class="level_0" style="width : {$menu->width_item}px;">
							{assign var="temp" value=$sub_categories|@count/$option['content_option']->opt_fill_column|ceil}
							{assign var="li" value= $ul + $temp}
							{while $ul < $li}
								{if isset($sub_categories[$ul])}
									{assign var="category" value= $sub_categories[$ul]}
									<li class="category_item{if $option['content_option']->opt_show_sub_cat == 1 &&$category['children']} parent{/if}">
										<a class="cat_child" href="{$category.link}">
										{assign var="image" value=$ps_cat_img_dir|cat:$category.id|cat:'-'|cat:$option['content_option']->opt_image_size_cate|cat:'.jpg'}
										{if $option['content_option']->opt_show_image_sub_cat == 1 && file_exists($image)}
										<img class="img_child" src="{$link->getCatImageLink($category.name, $category.id, $option['content_option']->opt_image_size_cate)}" alt=""/>
										{/if}
										{$category.name}</a>
										{if $option['content_option']->opt_show_sub_cat == 1}
											{menu data=$category['children'] show_image=$option['content_option']->opt_show_image_sub_cat image_size=$option['content_option']->opt_image_size_cate
											width={$menu->width_item[spam-filter]
										{/if}
									</li>
								{/if}	
								{math equation="nbLi + nb" nbLi=$ul nb=1 assign=ul}
							{/while}
							</ul>
							<span class="spanColumn" style="width : {$menu->width_item}px;" ></span>
							{/while}
					{/if}
				 {/if}

				 {if $option['type_option'] == 1} <!--case product-->
					{assign var="ul" value=0}
					{if isset($option['product_list']) && $option['product_list']}
					{while $ul < $option['product_list']|@count}
						<ul class="column product " style="width : {$menu->width_item}px;">
						{assign var="temp" value=$option['product_list']|@count/$option['content_option']->opt_fill_column|ceil}
						{assign var="li" value= $ul + $temp}
							{while $ul < $li}
								{if isset($option['product_list'][$ul])}
									{assign var="product" value= $option['product_list'][$ul]}
									<li class="ajax_block_product">
									<div class="center_block">
										{if $option['content_option']->opt_show_image_product ==  1      } 											
											<div class="image"><a class="product_image_menu" title="" href="{$product.link}">
											<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, $option['content_option']->opt_image_size_product)}" alt="{$product.name|escape:'htmlall':'UTF-8'}"/>
											</a></div>
										{/if}
										<div class="name_product">
										<h3><a alt="{$product.name|escape:'htmlall':'UTF-8'}" title="">{$product.name|escape:'htmlall':'UTF-8'}</a></h3></div>
										
										{if $product.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}<p class="price_container"><span class="price">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span></p>{else}<div style="height:21px;"></div>{/if}
										
									</div>
									</li>
								{/if}	
								{math equation="nbLi + nb" nbLi=$ul nb=1 assign=ul}
								
							{/while}
						</ul>
						<span class="spanColumn" style="width : {$menu->width_item}px;" ></span>
						{/while}
						{/if}
				 {/if}
				 {if $option['type_option'] == 2} <!--static block-->
				 {assign var=lang value=$cookie->id_lang}
				 {if isset($option['content_option']->opt_content_static->$lang) && $option['content_option']->opt_content_static->$lang}
				 <div class="div_static">
					{$option['content_option']->opt_content_static->$lang}
				 </div>
				 {/if}
				 {/if}
				{if $option['type_option'] == 3} <!--manufacture-->
				 {if isset($option['opt_list_manu_info'])}
					{assign var="ul" value=0}
					{while $ul < $option['opt_list_manu_info']|@count}
						<ul class="column manufacture" style="width : {$menu->width_item}px;">
						{assign var="temp" value=$option['opt_list_manu_info']|@count/$option['content_option']->opt_fill_column|ceil}
						{assign var="li" value= $ul + $temp}
							{while $ul < $li}
								{if isset($option['opt_list_manu_info'][$ul])}
									{assign var="manufac" value= $option['opt_list_manu_info'][$ul]}
									<li class="product_item">
									{assign var="image" value=$ps_manu_img_dir|cat:$manufac->id_manufacturer|cat:'-'|cat:$option['content_option']->opt_image_size_manu|cat:'.jpg'}
									
										{if $option['content_option']->opt_show_image_manu == 1 && file_exists($image)}
											<a class="img_manu" href="{$link->getmanufacturerLink($manufac->id_manufacturer, $manufac->link_rewrite)}" title="{$manufac->name|escape:'htmlall':'UTF-8'}">
											<img src="{$img_manu_dir}{$manufac->id_manufacturer|escape:'htmlall':'UTF-8'}-{$option['content_option']->opt_image_size_manu}.jpg" alt=""/></a>
										{/if}
										{if $option['content_option']->opt_show_name_manu == 1}
										<a href="{$link->getmanufacturerLink($manufac->id_manufacturer, $manufac->link_rewrite)}">{$manufac->name|escape:'htmlall':'UTF-8'|truncate:25:'...'}</a>
										{/if}
									</li>
								{/if}	
								{math equation="nbLi + nb" nbLi=$ul nb=1 assign=ul}
							{/while}
						</ul>
						<span class="spanColumn" style="width : {$menu->width_item}px;" ></span>
						{/while}
					{/if}
				 {/if}
				 {if $option['type_option'] == 4} <!--cms-->
					{assign var="ul" value=0}
					{if isset($option['cms']) && $option['cms']}
					{while $ul < $option['cms']|@count}
						<ul class="column cms" style="width : {$menu->width_item}px;">
						{assign var="temp" value=$option['cms']|@count/$option['content_option']->opt_fill_column|ceil}
						{assign var="li" value= $ul + $temp}
							{while $ul < $li}
								{if isset($option['cms'][$ul])}
									{assign var="cms" value= $option['cms'][$ul]}
									<li class="cms_item">
										<a href="{$cms.link|addslashes}">{$cms.meta_title|escape:'htmlall':'UTF-8'}</a>
									</li>
								{/if}	
								{math equation="nbLi + nb" nbLi=$ul nb=1 assign=ul}
							{/while}
						</ul>
						<span class="spanColumn" style="width : {$menu->width_item}px;" ></span>
						{/while}
					{/if}
				 {/if}
				</div>
				<span class="spanOption" style="width : {$option['width']}px" ></span>
				{/foreach}
			</div>
			<span class="spanOptionList" style="width : {$menu->width}px;" ></span>
			{/if}
		</li>
	{/foreach}
	</ul>
	</div>
	</div>
	</div>
	
	
{if $responsive_menu}
<div id="megamenu-responsive">
    <ul id="megamenu-responsive-root">
        <li class="menu-toggle"><p></p>{l s='All Categories' mod='csmegamenu'}</li>
        <li class="root">
            {$responsive_menu}			
        </li>
    </ul>
</div>
{/if}
<!-- /Block mega menu module -->
{/if}

<script type="text/javascript">

$('document').ready(function(){
	var isiPad = navigator.userAgent.match(/iPad/i) != null;
	if(!isiPad){
		var ul_mega_menu = new HoverWatcher('.cs_ul_mega_menu');
		var cs_mega_menu_cat = new HoverWatcher('.cs_mega_menu_cat div.shop_by');
			
		$(".cs_mega_menu_cat div.shop_by").hover(
			function() {
				$(".cs_ul_mega_menu").stop(true, true).slideDown(300);
				$("div.shop_by .icon").addClass( 'opened');
			},
			function() {
				setTimeout(function() {
					if (!ul_mega_menu.isHoveringOver() && !cs_mega_menu_cat.isHoveringOver()){
						$(".cs_ul_mega_menu").stop(true, true).slideUp(200);
						$("div.shop_by .icon").removeClass( 'opened');
					}
				}, 200);
			}
		);
		
		$(".cs_ul_mega_menu").hover(
			function() {
				$(".cs_ul_mega_menu").stop(true, true).slideDown(300);				
			},
			function() {
				setTimeout(function() {
					if (!ul_mega_menu.isHoveringOver())
						$(".cs_ul_mega_menu").stop(true, true).slideUp(200);
						$("div.shop_by .icon").removeClass( 'opened');
				}, 200);
			}
		); 		
	}
	else
	/*Fix bug ipad*/		
	{
		 $(".cs_mega_menu_cat div.shop_by").toggle(
			function() {
				$(".cs_ul_mega_menu").stop(true, true).slideDown(300);
				$("div.shop_by .icon").addClass( 'opened');
			},
			function() {			
				$(".cs_ul_mega_menu").stop(true, true).slideUp();
				$("div.shop_by .icon").removeClass( 'opened');		
			}
		);	
	  }    

});
</script>