Solved

How to fix banner ad on website?

Posted on 2014-11-05
6
209 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
Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 

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

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
WordPress and Server 2012 2 27
WEB Service vs ??? 7 100
Website authentication - asp.net 3 64
website content maintenance 3 57
Developer tools in browsers have been around for a while, yet they are still heavily underused by developers. Developers still fix html or CSS then refresh page to see effect, or they put alert or debugger in JavaScript and then try again and again …
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…
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…
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to selectively show certain fields based on user input using rules to gather relevant information and data from your forms. The rules feature provides you with an opportunity…

708 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

12 Experts available now in Live!

Get 1:1 Help Now