DigitalShop Template Support Thread

[timali]

I have Digital shop installed and I like it alot.

However, the banner on the top right side I can not figure out how to change the hyper link. I have looked through the css files and I found that it is supposed to be showing: SHOW_BANNERS_GROUP_SET2

I can not find that group on my control panel and can not find where this area of the page can be managed.

Currently I have a white box as the pick but it is still hyperlinked to my homepage. I would like to use this area to send them to a sign up area for my newsletter but can not figure out where I change the hyperlink.

Here is my site so far: http://www.pet-rabbit-toys.com

Help is appreciated!
Thanks!
Ali

[wmorris]

I am trying to get more than one category running, but I can only get one category going here is the code in the define pages in the admin area:

<script type="text/javascript">
$(document).ready(function() {
$('#slider1').s3Slider({
timeOut: 4000
});
});
</script>
<div id="slider1">
<ul id="slider1Content">
<?php
//featured category ,define your parameters here
define('FEATURED_CAT','23');

?>
<?php require('define_get_featured_cat.php'); ?>
<div class="clear slider1Image"></div>
</ul>
</div>

[adiamond]

I also would like to be able to have more than one category. Is this possible?

[adiamond]

The two top banners appear to be overlapping, how do I prevent this. I've customized with my own images, but the one on the top right is over a good portion of the one on the left.

Thanks,

Andy

[adiamond]

Well one more question, even though nobody seems to be supporting this thread, perhaps somebody will pop up with some words of advice... Any ideas how to prevent the stretching of images to fit the JavaScript product rotator on the main_page.php? My Javascript is, well, non-existent.

Alost, one thing I've noticed with this thing. Make ABSOLUTELY sure that your html you put in for product descriptions is PERFECT or it will break the JavaScript product rotator on your main index page.

[wmorris]

adiamond,

I totally agree with you, I have been trying to get answers on this for the past several months and I didn't get any answers on the slider. The slider is way to big and its really blurry. Also I have been trying on their site and still no answers. So Temporarly I will be removing the slider photo off my site til I get answers.

[adiamond]

bkeaton,

Perhaps we might figure it out ourselves, or at least enlighten somebody to join in. I found two JavaScript files that control the slider, they are in store\includes\templates\digitalshop\jscript

There are two files there that I find of interest, they are jscript_easySlider1.s.js and jscript_s3slider.js.

When I look at these two files, I noticed something of interest in jscript_easySlider1.5.js and it is:

		this.each(function() {  
			var obj = $(this); 				
			var s = $("li", obj).length;
			var w = $("li", obj).width(); 
			var h = $("li", obj).height(); 
			obj.width(w); 
			obj.height(h); 
			obj.css("overflow","hidden");
			var ts = s-1;
			var t = 0;
			$("ul", obj).css('width',s*w);			
			if(!options.vertical) $("li", obj).css('float','left');

I'm guessing the var w and var h have something to do with the size of the slider or images. I'm just not sure what to do here, I don't know any JavaScript.

ALSO, in store/includes/templates/digitalshop/css there is a file stylesheet.css that has the following:

/***********************************************/
/****************************
4. Featured slider1 Detail

******************************/
.clip{
	width:590px;
	height:275px;

}

#slider1 {
    width: 590px; /* important to be same as image width */
    height: 275px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:3px 3px 3px 4px;
}

#slider1Content {
    width: 590px; /* important to be same as image width or wider */
    position: absolute; /* DEFAULT absolute; */
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left; /* DEFAULT left; */
    position: relative;
	display: none;


}
.slider1Image span {
    position: absolute; /* DEFAULT absolute; */
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 564px;
	height:55px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span strong {
    font-size: 14px;
}
#slider1 .right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 275px;
}
#slider1 .bottom {
	bottom: 0;
    left: 0;
}
#slider1  ul { 
list-style-type: none;
padding-left:0;

}

This part of the code is located towards the very bottom of the file. The first part of CSS for the slider (.clip - width and height), do affect the size of the slider, proportionally, but then alignment and everything else is a little off. I guess the most important thing to consider using this plugin is that the images have to be the exact same size, so that everything fits in the box without "stretching" - unless somebody figures something out that I didn't, which I'm sure they can! If the images are all the same size, we could get it to stop "stretching" and just pick a width and height we like for the image.

I haven't figured out how to "center" the image slider once I alter the size of the images, though. Any thoughts?