Solved

How to fix banner ad on website?

Posted on 2014-11-05
6
231 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 25

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 25

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
Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

 

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 25

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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

These days, all we hear about hacktivists took down so and so websites and retrieved thousands of user’s data. One of the techniques to get unauthorized access to database is by performing SQL injection. This article is quite lengthy which gives bas…
3 proven steps to speed up Magento powered sites. The article focus is on optimizing time to first byte (TTFB), full page caching and configuring server for optimal performance.
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to choose which pages of your form are visible to your users based on their inputs. The page rules feature provides you with an opportunity to create if:then statements for y…
Learn how to set-up custom confirmation messages to users who complete your Wufoo form. Include inputs from fields in your form, webpage redirects, and more with Wufoo’s confirmation options.

809 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