DigitalShop Template Support Thread

Dear Zencartor,
I will give Digital support in this thread,just drop your issue here.

Hello and thank you, I am using digital shop and disabled left side boxes, how do I increase center box width? It seems to be truncating or aligning left.

Please look,

https://www.americanpridefasteners.com

blingthemes,

What software do you use to create the logo's?

hi am using 1.3.9h with digital shop template.
site address http: //thearmysurplusstore.co.uk

does anyone know how i can change the font size in the sub category page. i wish to increase it and make it bold. Also is there a way of turning off the categories under the slider on the main page but still retain all the sub categories on the other pages.

thanks any help would be appreciated.

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

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>

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

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

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.

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.

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?

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
https://www.prommart.com

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

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...

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-cart-free-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

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!

hi i am also miffed that no one is supporting this thread perhaps a word to admin.

however the blurry images are not do to the jscript ( remember the important part of the script) but is due to size of the slider and images in the css.
i am willing to work together with whoever wants to solve the problem as i also like the template.
laurie::lookaroun

I sent an email to the creators of this template and was informed they no longer provide support for this template. So we have to figure it out ourselves. I am trying to figure out how to change the category of products that display it.

I suppose if all else fails, read the instructions. :oops:

2,How to configure Featured Slider?
2.1 First you should make sure the product pictures has the 590px width and 275px height.

2.2 Login Admin panel.and then through
Tools->Define Pages Editor->select a file to edit(define_main_page.php).
Then you can see the following script:
//featured category ,define your parameters here
define('FEATURED_CAT','5');
parameter '5' stands for the product category id you want to display.

2.3 How to find category id.
Goto Catalog->Categories/Products.
Then you can see a column called ID ,which is the category id you wanted.

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?

Try this
jscript_s3slider.js.

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

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

In the Css file

Try changing this

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

to this

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

NOT Sure if Float Center will work in CSS.

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

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? ```

<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&cPath=1">Afghans & Throws</a> <ul></ul> </li> <li><a class="category-top" href="http://www.b...._shop/index.php?main_page=index&cPath=2">Broil King</a> <ul> <li><a class="category-products" href="http://www.b...._shop/index.php?main_page=index&cPath=2_73">  |_ Buffet Servers</a> </li> <li><a class="category-products" href="http://www.b...._shop/index.php?main_page=index&cPath=2_18">  |_ Double Ranges</a> </li> ... <li><a class="category-products" href="http://www.b...._shop/index.php?main_page=index&cPath=2_72">  |_ Warming Trays</a> </li> </ul> </li> <li><a class="category-top" href="http://www.b...._shop/index.php?main_page=index&cPath=3">Civil War Collectibles</a> <ul></ul> </li> <li><a class="category-top" href="http://www.b...._shop/index.php?main_page=index&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

<?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>';
?>