?
Solved

How to fix banner ad on website?

Posted on 2014-11-05
6
Medium Priority
?
246 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 26

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 26

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
Moving data to the cloud? Find out if you’re ready

Before moving to the cloud, it is important to carefully define your db needs, plan for the migration & understand prod. environment. This wp explains how to define what you need from a cloud provider, plan for the migration & what putting a cloud solution into practice entails.

 

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 26

Accepted Solution

by:
lenamtl earned 2000 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

Simplify Your Workload with One Tool

How do you combat today’s intelligent hacker while managing multiple domains and platforms? By simplifying your workload with one tool. With Lunarpages hosting through Plesk Onyx, you can:

Automate SSL generation and installation with two clicks
Experience total server control

Question has a verified solution.

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

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.
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.
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…
You have products, that come in variants and want to set different prices for them? Watch this micro tutorial that describes how to configure prices for Magento super attributes. Assigning simple products to configurable: We assigned simple products…

719 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