Solved

How to fix banner ad on website?

Posted on 2014-11-05
6
239 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

 

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

Suggested Solutions

Title # Comments Views Activity
Help on HTML 1 83
Importing and exporting data Magento 1.x ? 4 146
Re-imbursement Claim System 3 91
free scanner TWAIN can be operated with a Web application 9 106
Foolproof security solutions has become one of the key necessities of every e-commerce or Internet banking website. If you too own an online shopping site then its vital for you to equip your web portal with customer security features that can allow…
There is a huge demand for CodeIgniter among the PHP web developers due to its dynamic features and benefits these days. It is one of most popular and agile open source PHP framework for creating robust web applications in PHP web development field.…
Wufoo.com provides powerful tools for surveying targeted groups, and utilizing data from completed surveys to find trends, discover areas of demand or customer expectation, and make business decisions on products or services.
This tutorial demonstrates a quick way of adding group price to multiple Magento products.

752 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