Solved

How to fix banner ad on website?

Posted on 2014-11-05
6
223 Views
Last Modified: 2016-03-02
My website www.konidas.com.au, The slider is currently programmed to display 3 images. I wish to change the images and also display them. I know where the images are in the Magento directory, but do not know which file I need to edit to say what images and how many to be displayed.
0
Comment
Question by:Shaun-1
  • 3
  • 3
6 Comments
 
LVL 24

Expert Comment

by:lenamtl
ID: 40427320
In the admin side check if there is a module related to that banner, you should be able to set image and display from there.

If it's hardcoded you will have to edit the template file directly.
0
 

Author Comment

by:Shaun-1
ID: 40427710
It is hardcoded unfortunately and I am unable to locate where I find the template?
0
 
LVL 24

Expert Comment

by:lenamtl
ID: 40428281
The theme is located in /skin/frontend/default/theme354/

This is where the settings are
	;(function($){
			
		$(window).load(function(){
			$('.slider')._TMS({
				prevBu:'.prev',
				nextBu:'.next',
				playBu:'.play',
				duration:2400,
				easing:'easeOutQuad',
				preset:'simpleFade',
				pagination:true,
				//pagNums:false,
				slideshow:5000,
				numStatus:false,
				banners:'fade',// fromLeft, fromRight, fromTop, fromBottom
				waitBannerAnimation:false
			})	
		})
		
	})(jQuery)

Open in new window


and the slider code
<div class="slider" style="z-index: 1; overflow: hidden;">
	<ul class="items">	
		<li>
                        <img alt="" src="http://www.konidas.com.au/skin/frontend/default/theme354/images/media/slide3.jpg">
			&lt;
		</li>
		<li>
			<img alt="" src="http://www.konidas.com.au/skin/frontend/default/theme354/images/media/slidewindows.jpg">
			
		</li>
		<li>
			<img alt="" src="http://www.konidas.com.au/skin/frontend/default/theme354/images/media/slide1.jpg">
			
		</li>
	</ul>
<div class="pic" style="overflow: hidden; width: 630px; height: 338px; background: url(http://www.konidas.com.au/skin/frontend/default/theme354/images/media/slidewindows.jpg) 0px 0px no-repeat;"><div class="mask" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1;"><div style="left: 0px; top: 0px; position: absolute; width: 630px; height: 338px; opacity: 0.355324826388889; background-image: url(http://www.konidas.com.au/skin/frontend/default/theme354/images/media/slide1.jpg); background-position: 0px 0px;"></div></div></div><ul class="pagination"><li class=""><a href="#">1</a></li><li class=""><a href="#">2</a></li><li class="current"><a href="#">3</a></li></ul><div class="banner" style="z-index: 999; right: 0px; opacity: 0;"><a href="http://www.konidas.com.au/index.php/">&nbsp;</a></div><div class="banner" style="z-index: 999; right: 0px; opacity: 0;"><a href="http://www.konidas.com.au/index.php/">&nbsp;</a></div><div class="banner" style="z-index: 999; right: 0px; opacity: 0.261121;"><a href="http://www.konidas.com.au/index.php/">&nbsp;</a></div></div>

Open in new window


The slider javascript file is located
skin/frontend/default/theme354/script/tms-0.3.js
The name of the slider: TMSlider 0.3
from Template Monster Theme

You can contact them for more support
0
Scale it in WD Gold

With up to ten times the workload capacity of desktop drives, WD Gold hard drives employ advanced technology to deliver among the best in reliability, capacity, power efficiency and performance.

 

Author Comment

by:Shaun-1
ID: 40429639
I have checked this file, but could not find the location where we can add the slide by slide file name.
pl. find attached the file
tms-0.3.js
0
 
LVL 24

Accepted Solution

by:
lenamtl earned 500 total points
ID: 40430582
You don't need to edit the js.

You need to edit the theme file page.
The slider code appear in one of theme files.

The theme files are located in
skin/frontend/default/theme354/

To find out which file you will have to make a search, it is probably in the index.php

If you download the entire theme folder on your computer
 you can use Notepad++ (it's a free code editor) http://notepad-plus-plus.org/
Once installed you can search through a folder using Search and File in a file
point the theme folder
search a string let say slidewindows.jpg
this will display the page where this appear then you will need to edit this file.

I recommend you to contact Template Monster and ask for support.
This is a premium theme, TM can provide you support with their slider, check the is probably documentation about the slider in the package you have bought.
0
 

Author Closing Comment

by:Shaun-1
ID: 40430805
Thank you for putting me on the right track.
0

Featured Post

Give your grad a cloud of their own!

With up to 8TB of storage, give your favorite graduate their own personal cloud to centralize all their photos, videos and music in one safe place. They can save, sync and share all their stuff, and automatic photo backup helps free up space on their smartphone and tablet.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Recently I spent hours debugging an issue in a Rails project where ActiveRecord was causing MySQL errors trying to create a User object of a class at the top level of a Single Table Inheritance model structure.  It turns out `.create` behaves differ…
It’s a strangely common occurrence that when you send someone their login details for a system, they can’t get in. This article will help you understand why it happens, and what you can do about it.
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
This tutorial demonstrates a quick way of adding group price to multiple Magento products.

867 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now