DigitalShop Template Support Thread

**adiamond** · 5 Feb 2011, 04:37 PM

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** · 5 Feb 2011, 06:04 PM

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** · 5 Feb 2011, 10:40 PM

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:

Code:

		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:

Code:

/***********************************************/
/****************************
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?

**SPH** · 6 Feb 2011, 04:35 AM

Is the Digital Shop free template really so spectacular to remain with it without support? Just wondering, as there are lots of new, free templates that in my opinion look at least as nice if not better. (I should know, I've probably tried them all past couple of months, even a Blingthemes template.)

As for sliders, one can always pick one up from another template (I may try one on my homepage banner).

SPH
www.prommart.com

Bask Black Free Template
Current Mod: moved header2 banner below main nav and set for homepage only

**adiamond** · 6 Feb 2011, 05:10 AM

I don't know, I don't remember seeing any sliders in the other themes. I do know that I really like the layout of the DigitalShop theme, which is why I picked it. It'll be a real pain in the neck converting over to another theme at this point...

**SPH** · 6 Feb 2011, 08:28 PM

The Estorenow template had a slider; as I recall when I tested it it was a Blingthemes template? Looked nice.

All of picaflor-azul's templates come with sliders. I've tested most, very nice, we're using her Ashley Pink template on several other sites, and have her All Business lined up. Her recent templates also come with a nice footer menu mod for your customer service area...a very nice touch for a free template. She/her templates are very active on this template forum, solid help.

You might take a look at these other free templates from these two sources, who have some but not all of their free templates here at zen cart:

http://www.zen-cart-power.net/zen-ca...templates.html - I'm using their Bask Black but they have other free styles

http://www.12leaves.com/store/zen-cart-templates-free/ - their Lite Grey is a serious contender for me (I can switch over with just a click), similar to Bask Black with a slightly more "finished" look. Not all of their free templates are on this board.

I understand the pain changing might bring - I've changed alot lately looking for right look (not sure if there yet so can change at any time) - however, switching a template doesn't affect your products. And changing over your html_includes and similar pages will not take too long.

Main thing is to make sure any template-specific mods (Image Handler, etc.) are changed over. I ftp them from old template to computer, then back in to new template fairly fast. (I don't simply rename folders in case want to come back to template.)

But with all of my recent template changes (mostly on my test site's) I suppose I've become fairly quick.

Anyway, good luck with your site!

SPH

Bask Black Free Template
Current Mod: moved header2 banner below main nav and set for homepage only

**adiamond** · 8 Feb 2011, 04:25 AM

Thanks for the reply. I didn't see a couple of those themes before, I really like the Andover Modern theme. I might try installing that one, tweaking it the best I can, argh, all the work!

**PullingOutHair** · 8 Mar 2011, 10:39 PM

Originally Posted by 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:

Code:

		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:

Code:

/***********************************************/
/****************************
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?

Try this
jscript_s3slider.js.

Code:

			if(!options.vertical) $("li", obj).css('float','left');

Change to

Code:

if(!options.vertical) $("li", obj).css('float','center');

In the Css file

Try changing this

Code:

}
.slider1Image {
    float: left; /* DEFAULT left; */
    position: relative;
	display: none;

to this

Code:

}
.slider1Image {
    float: center; /* DEFAULT left; */
    position: relative;
	display: none;

NOT Sure if Float Center will work in CSS.

**PullingOutHair** · 9 Mar 2011, 07:49 PM

I am having a problem with this template. If I cannot figure it out, I will look for another.

Originally Posted by gjh42

Your template is using a sidebox mod which creates nested <ul> lists, but puts vacant <ul></ul> in all top cats with subcats (and not in top cats with only products). If it makes that mistake, maybe it omits subcats with subcats?

Code:

<h3 class="leftBoxHeading" id="categoriesHeading">Categories</h3>
<div id="categoriesContent" class="sideBoxContent">
<ul>
  <li><a class="category-top" href="http://www.b...._shop/index.php?main_page=index&amp;cPath=1">Afghans & Throws</a>
    <ul></ul>
  </li>
  <li><a class="category-top" href="http://www.b...._shop/index.php?main_page=index&amp;cPath=2">Broil King</a>
    <ul>
      <li><a class="category-products" href="http://www.b...._shop/index.php?main_page=index&amp;cPath=2_73">&nbsp;&nbsp;|_&nbsp;Buffet Servers</a>
      </li>
      <li><a class="category-products" href="http://www.b...._shop/index.php?main_page=index&amp;cPath=2_18">&nbsp;&nbsp;|_&nbsp;Double Ranges</a>
      </li>
...
      <li><a class="category-products" href="http://www.b...._shop/index.php?main_page=index&amp;cPath=2_72">&nbsp;&nbsp;|_&nbsp;Warming Trays</a>
      </li>
    </ul>
  </li>
  <li><a class="category-top" href="http://www.b...._shop/index.php?main_page=index&amp;cPath=3">Civil War Collectibles</a>
    <ul></ul>
  </li>
  <li><a class="category-top" href="http://www.b...._shop/index.php?main_page=index&amp;cPath=21">Gift Certificates</a>
  </li>

The upshot of all this is that it appears to be a bug in the template, and you should bring it up in the template's support thread.

The categories on the left table do not display subcategories that have subcategories in them. I thought it was a zen cart issue, but have been informed that it is an issue with this template. This is, I dont see where the issue is. I will post the code to the sideboxes/tpl_categories.php

Any and all help is appreciated

Code:

<?php
/**
 * Side Box Template
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_categories.php 4162 2006-08-17 03:55:02Z ajeh $
 */
  $content = "";
  
  $content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent"><ul>' ;
   $ul_close='YES';//YES NO
	
  for ($i=0;$i<sizeof($box_categories_array);$i++) {
     
    switch(true) {
// to make a specific category stand out define a new class in the stylesheet example: A.category-holiday
// uncomment the select below and set the cPath=3 to the cPath= your_categories_id
// many variations of this can be done
//      case ($box_categories_array[$i]['path'] == 'cPath=3'):
//        $new_style = 'category-holiday';
//        break;
      case ($box_categories_array[$i]['top'] == 'true'):
        $new_style = 'category-top';
        break;
      case ($box_categories_array[$i]['has_sub_cat']):
        $new_style = 'category-subs';
        break;
      default:
        $new_style = 'category-products';
      }
	 
     if (zen_get_product_types_to_category($box_categories_array[$i]['path']) == 3 or ($box_categories_array[$i]['top'] != 'true' and SHOW_CATEGORIES_SUBCATEGORIES_ALWAYS != 1)) {
        // skip if this is for the document box (==3)
      } else {
	  /////////////////////////////1.1/////////////////////////
	  	if($box_categories_array[$i]['has_sub_cat'] &&  $new_style == 'category-top' ){
			
		  if($ul_close=='NO'){
		    $content =$content.'</ul></li>';
			$ul_close='YES';
		  }
		  $ul_close='NO';
		  $content .= '<li><a class="' . $new_style . '" href="' . zen_href_link(FILENAME_DEFAULT, $box_categories_array[$i]['path']) . '">';
           $content .= $box_categories_array[$i]['name'];
		 
		  $content =$content.'</a><ul>';
	  }//new addon for <li>
	  /////////////////1.2///////////////////////////////
	  elseif($box_categories_array[$i]['has_sub_cat']==false&&$new_style == 'category-products'){// for child
		  $content .= '<li><a class="' . $new_style . '" href="' . zen_href_link(FILENAME_DEFAULT, $box_categories_array[$i]['path']) . '">';
           $content .= $box_categories_array[$i]['name'];
		  $content =$content.'</a></li>';
	  if($i==(sizeof($box_categories_array)-1)){//last li ele
		 
		
		  $content =$content.'</ul></li>';
		 
	  }
	  //////////////////1.3/////////////////
	  }elseif($box_categories_array[$i]['has_sub_cat']==false&&$new_style == 'category-top'){
	     if($ul_close=='NO'){
		
		       $content =$content.'</ul></li>';
			$ul_close='YES';
		  }
		
		  $content .= '<li><a class="' . $new_style . '" href="' . zen_href_link(FILENAME_DEFAULT, $box_categories_array[$i]['path']) . '">';
	       
           $content .= $box_categories_array[$i]['name'];
		 
		  $content =$content.'</a></li>';
		  
      ////////////////////////////
      if (SHOW_COUNTS == 'false') {//display counts
        if ((CATEGORIES_COUNT_ZERO == '1' and $box_categories_array[$i]['count'] == 0) or $box_categories_array[$i]['count'] >= 1) 		{
          $content .= CATEGORIES_COUNT_PREFIX . $box_categories_array[$i]['count'] . CATEGORIES_COUNT_SUFFIX;
        
      }
   
	   }
	  }
	  //eof new adds on
    }//end of else
  }//eof for loop
///////////////////////////////////////////////////////////////////////////////////////////
  if (SHOW_CATEGORIES_BOX_SPECIALS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_NEW == 'true' or SHOW_CATEGORIES_BOX_FEATURED_PRODUCTS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true') {
// display a separator between categories and links
   
    if (SHOW_CATEGORIES_BOX_SPECIALS == 'true') {//display specials
      $show_this = $db->Execute("select s.products_id from " . TABLE_SPECIALS . " s where s.status= 1 limit 1");
      if ($show_this->RecordCount() > 0) {
        $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_SPECIALS) . '">' . CATEGORIES_BOX_HEADING_SPECIALS . '</a></li>';
      }
    }
    if (SHOW_CATEGORIES_BOX_PRODUCTS_NEW == 'true') {//displal new products
      // display limits
//      $display_limit = zen_get_products_new_timelimit();
      $display_limit = zen_get_new_date_range();

      $show_this = $db->Execute("select p.products_id
                                 from " . TABLE_PRODUCTS . " p
                                 where p.products_status = 1 " . $display_limit . " limit 1");
      if ($show_this->RecordCount() > 0) {
        $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_PRODUCTS_NEW) . '">' . CATEGORIES_BOX_HEADING_WHATS_NEW . '</a></li>' ;
      }
    }
    if (SHOW_CATEGORIES_BOX_FEATURED_PRODUCTS == 'true') {//display featured products
      $show_this = $db->Execute("select products_id from " . TABLE_FEATURED . " where status= 1 limit 1");
      if ($show_this->RecordCount() > 0) {
        $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_FEATURED_PRODUCTS) . '">' . CATEGORIES_BOX_HEADING_FEATURED_PRODUCTS . '</a></li>';
      }
    }
    if (SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true') {
      $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_PRODUCTS_ALL) . '">' . CATEGORIES_BOX_HEADING_PRODUCTS_ALL . '</a></li>';
    }
  }
  $content .= '</ul></div>';
?>

Thread: DigitalShop Template Support Thread

Thread Tools

Search Thread

Display

Hybrid View

Re: DigitalShop Template Support Thread

Re: DigitalShop Template Support Thread

Re: DigitalShop Template Support Thread

Re: DigitalShop Template Support Thread

Re: DigitalShop Template Support Thread

Re: DigitalShop Template Support Thread

Re: DigitalShop Template Support Thread

Re: DigitalShop Template Support Thread

Re: DigitalShop Template Support Thread

Similar Threads

BecaBerry Template [Support Thread]

Lavender Template Support Thread

TB Sempre Template Support Thread

Turpy Template Support Thread

Watermelon Template Support Thread

Posting Permissions