Printable View
This is the support thread for our newly presented Ajax module which will allow you to display all or any of your New, Featured & Specials products on a carousel in a sidebox. You can see an example of it in action at http://www.fastlec.co.uk
It is a very simple installation - all new files, no overrides, no database changes and just one simple manual edit.
The module is currently awaiting review/authorisation in the downloads section,
Oops - sorry, that should be http://www.fastlec.co.uk for the demo
The mod has now been approved by the ZC Dev Team and is available from the Free Software section at http://www.zen-cart.com/index.php?ma...oducts_id=1904
Another demo can be seen at http://www.babyshower.ie
Hi, that's a good module. Took me a while to find our why there was no price for what's new. Seems to be a typo
tpl_whats_new_carousel.php
line #29
PHP Code:$content .= '<div id="carouselPrice>' . $whats_new_price . '</div>';
$content .= '<div id="carouselPrice">' . $whats_new_price . '</div>';
Hi i was wondering if this module includes the option to enable and/or disable it.
Thanks
I'm experiencing longer loading times with this add-on. I think it's a great add-on and was wondering if I would be possible to tweak loading times a little..
thanks
soniccc
I have got this module installed in my test shop and although it does show a product, it doesn't do any rotation of products and the buttons do not respond.
Any ideas?
Hi - you just turn it on/off in the normal fashion via the admin > tools >layout_boxes_controllerQuote:
Originally Posted by fjej1970
Quote:
Originally Posted by Soniccc
I'll pass that on to the developers, but as as I'm aware, it will load ALL the appropriate images so the number of items you have on special/featured so you could try reducing the numbers, and - perhaps more importantly - ensure all your images correctly optimised.
May I just apologise to everyone for the slow response...for some reason, the first notification of posts here only arrived today.
Yes - nearly drove me nuts trying to find the problem with developers adamant that it should be working! Finally spotted it and uploaded a new version to the Free Software section the other day.Quote:
Hi, that's a good module. Took me a while to find our why there was no price for what's new. Seems to be a typo
It's almost certain to be that the jquery library exists somewhere else on your test site as well.Quote:
Originally Posted by darkmarauder
I can´t get this box to "play" - it works fine with the buy it now on the first product that shows up, but the products won´t change either by them selves or with the buttons. Installed as instructed, except there is no /includes/templates/YOUR_TEMPLATE/common/html_header.php, but a /includes/templates/YOUR_TEMPLATE/common/tpl_header.php
I put the patch in there, but there is no /head tag, so it may not be in the right place. My tpl_header.php now looks like this:
Here is the link to my site: http://xn--godpbunn-d0a.no/PHP Code:<?php
/**
* Template designed by 12leaves.com
* 12leaves.com - Free ecommerce templates and design services
*
* Common Template
*
* @package templateSystem
* @copyright Copyright 2009-2010 12leaves.com
* @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_header.php 4813 2006-10-23 02:13:53Z drbyte $
*/
?>
<?php
// Display all header alerts via messageStack:
if ($messageStack->size('header') > 0) {
echo $messageStack->output('header');
}
if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
echo htmlspecialchars(urldecode($_GET['error_message']));
}
if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
echo htmlspecialchars($_GET['info_message']);
} else {
}
?>
<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>
<div id="headerWrapper">
<!--bof-header ezpage links-->
<div class="topper-menu float-right">
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
</div>
<!--eof-header ezpage links-->
<!--bof-navigation display-->
<!--eof-navigation display-->
<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
</div>
<div class="clearBoth"></div>
<!--eof-branding display-->
<!--eof-header logo and navigation display-->
<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->
<script src="js/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.tools.min.js" type="text/javascript" charset="utf-8"></script>
</div>
<?php } ?>
As I've absolutely no idea of your abilities (other than you are clearly happy to "give-it-a-go" :thumbsup: ) the rest of this has to be basic, but it is not intended to be patronising.
If there is no appropriate file in an override directory, then it means that that file has had no edits from the default (OR that any changes were made IN the default file itself).
In either case, you need to make a copy of includes/templates/template_default/common/html_header.php and make the edits to the copy.
Then upload this file to includes/templates/YOUR_TEMPLATE/common/html_header.php
edited.
Thanks a bunch! I never understood where that html_header was - because it wasn´t there :lookaroun Works like a charm now - thanks again for your help.
Kristian
Pleased to hear that you got it sorted - and even more pleased that it wasn't an issue with the module itself! :D
Very nice carousel.
Hi I have just installed this, something I have been hoping would be available and it is now but it is not working for me, I know something I am doing or not. I have s3slider running also and feel there is a conflict. The product appears in the feature box but will not scroll and buttons do not work. I have tried moving the two lines of code to different places in tpl_header but no real difference (actually not quite sure where it should go at all) nor am I sure about the advice to delete the jquery library as this may contribute also. cheers:D
Im confused, please help.
I dont have html_header. I have tpl_header.
If I make the new file html_header, what code do I out in it?
And also where does the 2 js files go?
which directory?
Dont quite understand and there is not enough support thread for me to read others questions to kind of get the grasp of how I can fix it.
Thanks, Lissa
I wanted to append to the message but I went over the 7 mins alloted time. So just disregard the above.
Here is the appended message:
m confused, please help.
My carousel is up, but it doesnt move and the buttons dont work.
I know someone else said something similar to this but i didnt quite understand the answer or how it was resolved.
I dont have html_header. I have tpl_header.
If I make the new file html_header, what code do I put in it?
And also where does the 2 js files go?
which directory?
I just uploaded them to my main cart directory but I wasnt sure if they went in a specific directory.
Dont quite understand.
Thanks, Lissa
just wondering if anyone has any thoughts on this pleaseQuote:
Originally Posted by jagall
@jagall - from the readme...
"Known Issue 1: if you are running other jquery modules (e.g. jqueryLightbox, Fual Slimbox etc) it may be necesssary to reposition the 2 lines of code in Installation #4 just after the <base> tag rather than before the </head> tag if you get errors in those modules. It may also be necessary to delete older versions of the jquery library."
Not knowing where any other instances of your jquery library may be, or how old they may be, I can't be of more help.
@lissa8723 - please see post#13
All other information about file location is in the readme file.
Thanks for getting back to me. Well i already moved the 2 lines to the base line and just before the s3lider comes in. I suppose I am not sure what you mean by deleting older versions of the jquery library (that is jquery library) sorry this may be really obvious but gotta ask. thanks
Hey there, really love the carousel sidebox mod. However, I'm having a couple problems I hope can be addressed. Here's how it looks on my site:
http://img703.imageshack.us/img703/3595/unledubz.png
1) My biggest problem is that only one product is shown per page. It does scroll, and the buttons do work, but only one product is shown. This product changes page per page.
2) The name of the product is in black, and is difficult to read of my dark background. How can I change this text to white?
3) The Buy Now button is slightly cut off...a bit annoying :(
4) The least important of my issues is that the contents of the sidebox all hug the left side a little...is there a way I can perfectly center the info inside?
I've tried placing the JS code in step 4 after the <base> tag as instructed above, but this stops the scrolling entirely and stops the buttons from working. I have a lightbox-esque module installed called slimbox. I've also tried lengthening this sidebox in it's CSS script, but it doesn't stop the buy now button from being cut off.
2-4 are all css related.Quote:
Originally Posted by Tamuren
1 is probably because of a conflict with the slimbox code - if you can supply ftp details via pm, we'll have a look at it as soon as we can
Very good add-on. I do not have any problems with the products sliding or with the buttons.
I actually have two questions.
1. How do you change the background colour from white (I think I know how to do it however I would like it to be confirmed.
2. I would like to put this in a box, simular to the rest of the sideboxes. I have looked around in all the upleaded pages and I cannot see where to put the command lines. I know I have missed something but what?
Off topic: any plans for more sidebox items?
www.edencraftsupplies.co.uk/shop
Hi
The broad answer to 1 & 2 is using CSS. It's not the place for a css tutorial, but I'd recommend using the Web Developer Toolkit add-on for Firefox which makes editing of the CSS much easier once you get familiar with it.
No other plans at the moment - I'm afraid we're a little busy with our commercial stuff.
You say both done in the css, which one? there seam to be several I could change
It is fairly straight forward to put a box around it if you look properly.
For those who are stuck
1. When you have upload and running carousel, find stylesheet_carousel.css (/includes/templates/YOUR-TEMPLATE-NAME/css/)
2. Find #scrolldiv (first line [my first line])
3. #scrolldiv {
border:0px solid #cc;
width: 165px;
height:250px;
padding-top:10px;
}
4. change to say #scrolldiv {
border:1px solid #ff0000; {or colour of your choose}
width: 165px;
height:250px;
padding-top:10px;
}
5. border: is the size that you want to make the 'border around your carousel.
6. px solid: is the colour
7. I have found a very good website that lists and shows a colour template www.computerhope.com/htmcolor.htm
When I have worked out how to change the size of the sidebox I will post that here too.
OK.Quote:
Originally Posted by adb34
Using
#scrolldiv {
border:1px solid #ff0000; /* border & colour */
width: 165px;
height:250px;
padding-top:10px;
change width: to the width your are using for your sideboxes. My sideboxes are 200px so mine says 'width: 200px;'.
I hope this helps anybody
Hi Ryk,Quote:
Originally Posted by Ryk
Just to let you know i did get this sorted and it was the fact that I had jquery library already installed (grasp it now better), just removed one version and have the carousel and 3slider running on the one version. thanks for help.
I installed this add on but i could never quite get it to work fully. Right after I installed it and ever since my site is running crazy slow :/ I took out all the files for it but it is still running slow that the pages never want to load. Im worried that it is turning customers away because one minute they might have a page and the next it wil not load to keep looking or checkout. It happened right after I did the install. Would you know of a reason that would cause this?
Is there a mysql code for uninstall?
Thanks for any help, im sorry i could never get it running it looked really cool :/
Hi, i added a border to the sidebox, but how do i remove the empty space between the box header and box content?
Installed this mod. Dreamy easy to do, and working beautifully. One small problem, though. The product link text doesn't wrap like it does in a normal sidebox, so it hangs over the right border on some items. I tried text-align:left, but that doesn't really solve the problem and I don't like the way it looks that way.
You can view what I'm talking about at my sandbox:
http://www.oozix.com/store
I left one regular sidebox active for comparison. Any ideas?
@lissa8723 - see post #22; this is the most likely reason
@melirlbr - I need to see what area you're talking about but it will most likely require a bit more adjustment using the css
@RescoCCC - have asked our developers to have a look. Thanks for the nice comments!
Just wanted to report back that I fixed the word wrap issue. Was actually a pretty simple problem that took my old tired brain a bit to figure out. The text wasn't wrapping because my sideboxes are 150px and the width specified in the CSS file was 163px. Just changed the width in the CSS and all is well.
Thanks for a fabulous mod!
I'm with you on the old tired brain! :D
Thanks for posting your solution - and thanks again for you comments about the mod.
Hi there,
Great addon - I Love it!!
I have the carousel working well after a bit of css hacking. My main issue was the fact that I have altered the background image of my sidebox and wanted to keep this styling within the carousel. This I have managed to do and it looks great!
However -
I have two distinct stylings for my left column and my right column and consequently two distinct carousel css stylings. Is there a way I can load a particular css stylesheet for the carousel on the left column and a seperate one for the right column? OR is there a better way to have seperately styled css for "carousel LEFT" and "carousel RIGHT" (At the moment I'm having to swap the carousel style sheet based on which column I want to use - This is obviously a headache!)
Hope that makes sense! (BTW I can't post a link to my site as I'm working locally at the moment.)
:D
Wow I've sorted it!!
I simply pre-fixed the relevant css style declarations with either #navColumnOneWrapper or #navColumnTwoWrapper so as to differentiate between columns.
I guess this is basic css but I'm still learning and sometimes forget my way around!
I get nothing. The sideboxes load as normal without any scrolling or buttons. I've tried the code in both places as recommended but still nothing. The only thing I havn't tried is deleting old jquery libraries because it is not stated where to find them.Quote:
Originally Posted by jagall
I am still at a fairly fresh install without any other mods than this one so if someone could tell me where and how to replace old jquery library, i'd appreciate it.
http://www.contriveitnow.com/tbp/store
Contrive,
They're scrolling for me, so it looks like you got it fixed. You do need to adjust the height of the boxes, though. The buy now button is being truncated at the bottom. I had to do the same thing when I installed it on one of my live sites.
Thanks for your fast response Resco. It turned out be something dumb on my part. I had the feature and specials boxes activated but I didn't notice the carousel boxes had their own modules.Quote:
Originally Posted by RescoCCC
As for the box size, i'm still trying to find it. I adjusted the #scrolldiv but it didn't seem to help. Where did you find it?
PS:
Many thanks to the developers! It's almost exactly what my client wanted. If you were to do any more expansions on this, I'd like to recommend a scroll box for a specific category/subcategory.
You need to adjust the height in .scrollable, .scrollable2, and .scrollable3. Those control the features, specials, and new items boxes - although not necessarily in that order.
Thanks again Resco!Quote:
Originally Posted by RescoCCC
:cheers:
How can I center the images and BUY IT NOW button in this sidebox?
Have tried everything already in CSS, but its still alligned to left side?!
Thanks.
Something in your own css must be taking effect after the sidebox because the default css supplied centres it all.
Quote:
Originally Posted by Ryk
Thanks Ryk.
Any idea which file I should be looking into? Or what exactly I should look for? Im sorry, but Im a novice in this field... :(
Any help yould be much appreciated...
Thank you.
The file you should be looking in to is /includes/templates/your-template/css/stylesheet.css
Also having this issue, any suggestions?Quote:
Originally Posted by melirlbr
Quote:
Originally Posted by RescoCCC
Thank you. Any idea what should I change here please?
Code:/**
* Main CSS Stylesheet
*
* @package templateSystem
* @copyright Copyright 2003-2007 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: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
*/
a img {border: none; }
a:link, #navEZPagesTOC ul li a {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #FF0000;
}
a:active {
color: #FFFFFF;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
font-size: 1.1em;
}
h7 {
font-size: 2.5em;
}
.biggerText {
font-size: 1.2em;
}
h1, h2, h3, h4, h5, h6 {
margin: 0.3em 3px;
}
CODE {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1em;
}
FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
}
TEXTAREA {
/* float: left;*/
margin: auto;
display: block;
width: 95%;
}
input:focus, select:focus, textarea:focus {
background: #F0F8FF;
}
FIELDSET {
padding: 0.5em;
margin: 0.5em 0em;
border: 1px solid #cccccc;
}
LEGEND {
font-weight: bold;
padding: 0.3em;
}
LABEL, h4.optionName {
line-height: 1.5em;
padding: 0.2em;
}
LABEL.checkboxLabel, LABEL.radioButtonLabel {
margin: 0.5em 0.3em;
}
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}
LABEL.inputLabel {
width: 11em;
float: left;
}
LABEL.inputLabelPayment {
width: 15em;
float: left;
}
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
width: 12em;
float: left;
}
P, ADDRESS {
padding: 0.5em;
}
ADDRESS {
font-style: normal;
}
.clearBoth {
clear: both;
}
HR {
height: 1px;
margin-top: 0.5em;
border: none;
border-bottom: 1px solid #9a9a9a;
}
/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
line-height: 1.8em;
padding: 0.2em;
border: 1px solid #000000;
}
.messageStackWarning, .messageStackError {
background-color: #ff0000;
color: #ffffff;
}
.messageStackSuccess {
background-color: #99FF99;
color: #000000;
}
.messageStackCaution {
background-color: #FFFF66;
color: #000000;
}
/*wrappers - page or section containers*/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
}
#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto;
}
#tagline {
color:#000000;
font-size: 2em;
text-align : center;
vertical-align: middle;
}
#sendSpendWrapper {
border: 1px solid #cacaca;
float: right;
margin: 0em 0em 1em 1em;
}
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
margin: 0;
width: 47%;
}
.wrapperAttribsOptions {
margin: 0.3em 0em;
}
/*navigation*/
.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
margin: 0em;
font-size: 0.9em;
}
.navNextPrevList {
display: inline;
white-space: nowrap;
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
}
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #9a9a9a;
font-weight: bold;
color: #ffffff;
height: 1%;
width: 100%;
}
#navMain ul, #navSupp ul, #navCatTabs ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
text-align: center;
line-height: 1.5em;
}
#navMain ul li, #navSupp ul li, #navCatTabs ul li {
display: inline;
}
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #ffffff;
white-space: nowrap;
}
#navEZPagesTOCWrapper {
font-weight: bold;
float: right;
height: 1%;
border: 1px solid #000000;
}
#navEZPagesTOC ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
line-height: 1.5em;
}
#navEZPagesTOC ul li {
white-space: nowrap;
}
#navEZPagesTOC ul li a {
padding: 0em 0.5em;
margin: 0;
}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}
#navMainSearch {
float: right;
}
#navBreadCrumb {
background-color: #cc9900;
}
#navEZPagesTop {
background-color: #ffff33;
}
#navBreadCrumb, #navEZPagesTop {
font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}
#navColumnOne {
background-color: #FFCC99;
}
#navColumnTwo {
background-color: #00BFBF;
}
/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
}
/*.content,*/ #productDescription, .shippingEstimatorWrapper {
/*font-size: 1.2em;*/
padding: 0.5em;
}
.alert {
color: #FF0000;
margin-left: 0.5em;
}
.advisory {}
.important {
font-weight: bold;
}
.notice {}
.rating{}
.gvBal {
float: right;
}
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
font-size: 0.9em;
}
/*Shopping Cart Display*/
#cartAdd {
float: right;
text-align: center;
margin: 1em;
border: 1px solid #000000;
padding: 1em;
}
.tableHeading TH {
border-bottom: 1px solid #cccccc;
}
.tableHeading, #cartSubTotal {
background-color: #e9e9e9;
}
#cartSubTotal {
border-top: 1px solid #cccccc;
font-weight: bold;
text-align: right;
line-height: 2.2em;
padding-right: 2.5em;
}
.tableRow, .tableHeading, #cartSubTotal {
height: 2.2em;
}
.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
padding: 0.5em 0em;
}
.cartUnitDisplay, .cartTotalDisplay {
text-align: right;
padding-right: 0.2em;
}
#scUpdateQuantity {
width: 2em;
}
.cartQuantity {
width: 4.7em;
}
.cartNewItem {
color: #33CC33;
position: relative; /*do not remove-fixes stupid IEbug*/
}
.cartOldItem {
color: #660099;
position: relative; /*do not remove-fixes stupid IEbug*/
}
.cartBoxTotal {
text-align: right;
font-weight: bold;
}
.cartRemoveItemDisplay {
width: 3.5em;
}
.cartAttribsList {
margin-left: 1em;
}
#mediaManager {
width: 50%;
margin: 0.2em;
padding: 0.5em;
}
.mediaTitle {
float: left;
}
.mediaTypeLink {
float: right;
}
.normalprice, .productSpecialPriceSale {
text-decoration: line-through;
font-size: 80%;
}
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
color: #ff0000;
font-size: 100%;
}
.orderHistList {
margin: 1em;
padding: 0.2em 0em;
}
#cartBoxListWrapper ul, #ezPageBoxList ul {
list-style-type: none;
}
#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
margin: 0;
padding: 0.2em 0em;
}
#cartBoxEmpty, #cartBoxVoucherBalance {
font-weight: bold;
}
.totalBox {
width: 5.5em;
text-align: right;
padding: 0.2em;
}
.lineTitle, .amount {
text-align: right;
padding: 0.2em;
}
.amount {
width: 5.5em;
}
/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em ;
}
.categoryIcon {}
#cartImage {
margin: 0.5em 1em;
}
/*Attributes*/
.attribImg {
width: 20%;
margin: 0.3em 0em;
}
.attributesComments {}
/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
margin: 1em 0em;
}
/*sideboxes*/
.columnLeft {}
h3.leftBoxHeading, h3.leftBoxHeading a {
font-size: 1em;
color: #ffffff;
}
.leftBoxHeading, .centerBoxHeading {
margin: 0em;
background-color: #FF6699;
padding: 0.5em 0.2em;
}
.leftBoxContainer {
border: 1px solid #ffffff;
margin-top: 1.5em;
}
.sideBoxContent {
background-color: #ffffff;
padding: 0.4em;
}
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1.0em;
color: #FFFF00;
}
.rightBoxHeading {
margin: 0em;
background-color: #663366;
padding: 0.2em 0em;
}
h3.leftBoxHeading a:hover {
color: #FFFF33;
text-decoration: none;
}
h3.rightBoxHeading a:hover {
color: #FF0000;
text-decoration: none;
}
.rightBoxContent {
background-color: #ffffff;
margin-bottom: 1em;
}
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center!important;
}
#bestsellers .wrapper {
margin: 0em 0em 0em 1.5em;
}
#bestsellers ol {
padding: 0;
margin-left: 1.1em;
}
#bestsellers li {
padding: 0;
margin: 0.3em 0em 0.3em 0em;
}
#bannerboxHeading {
background-color: #0000CC;
}
#upProductsHeading {
text-align: left;
}
#upDateHeading {
text-align: right;
}
/*misc*/
.back {
float: left;
}
.forward, #shoppingCartDefault #PPECbutton {
float: right;
}
.bold {
font-weight: bold;
}
.rowOdd {
background-color: #093E04;
height: 2.0em;
vertical-align: top;
}
.rowEven {
background-color: #076B1D;
height: 1.5em;
vertical-align: top;
}
.hiddenField {
display: none;
}
.visibleField {
display: inline;
}
CAPTION {
/*display: none;*/
}
#myAccountGen li , #myAccountNotify li {
margin: 0px;
color: #ffffff;
}
#myAccountGen ul , #myAccountNotify ul {
margin: 0px;
color: #ffffff;
}
.accountTotalDisplay, .accountTaxDisplay {
width: 20%;
text-align: right;
/*vertical-align: top*/
}
.accountQuantityDisplay {
width: 10%;
vertical-align: top
}
TR.tableHeading {
background-color: #cacaca;
height: 2em;
}
#siteMapList {
width: 90%;
float: right;
}
.ratingRow {
margin: 1em 0em 1.5em 0em;
}
LABEL#textAreaReviews {
font-weight: normal;
margin: 1em 0em;
}
#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #ffffff;
}
.information {padding: 10px 3px; line-height: 150%;}
#shoppingcartBody #shippingEstimatorContent {
clear: both;
}
.seDisplayedAddressLabel {
background-color:#85C285;
text-align: center;
}
.seDisplayedAddressInfo {
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
#seShipTo {
padding: 0.2em;
}
Ive recently incorporated the carousel sidebox to my site. This kinda works for what I envision but still falls a little short.
Ideally, id like to have a sidebox that would scroll a particular category/subcategory but I would be content just to be able to customize the header text for now. (without messing up any target coding that the carousel requires)
Any ideas or input is appreciated.
I got it. For anyone interested, I found the line 'BOX_HEADING_SPECIALS' , 'SPECIALS' in the english.php file
Just change the bold text to whatever you like. I went a little further and edited the css so there is no strikethrough for the original price (.normalprice) and changed the special price color (.productspecialprice) to match the background, thus invisible. Add in a little adjustment to center the normal price and voila! You have a custom scrolling box. Anything marked as a special item will be in the carousel.
Thanks again to the developers, Rock On!!
Check it out if you'd like.
I haven't figured that one out, either. I changed padding-top:10px; to padding-top:0px; and that worked on one of my sites, but not on another of my sites.
Note: The above was in response to merchantsofmenace.
Contrive,
Make sure you copy the edited english.php file to your overrides directory. That would be includes/languages/your_template
The space between the header box and the content is caused by a line in the source code and not the css.Quote:
Originally Posted by merchantsofmenace
<br class="clearboth"> is the code. It's most likely found in the carousel code and is necessary for layout purposes.
You can read about what clearing a float means and perhaps some alternatives here> css-tricks.com/795-all-about-floats/
so how can this be fixed?
Yea, I still can't figure it out....thought I'd covered everything
You have to understand that you can't fix what isn't broken.Quote:
Originally Posted by melirlbr
The code is there for a reason. Although you can find and remove it (probably in the new/featured/special carousel sidebox .php) , you may get even worse results. If you follow the link I suggested before, you "might" find and alternative that doesn't cause a line break.
Good Luck!
PS: (hate the time limit on edit)
Take some time and learn about the code. You'll be glad you did. Remember it took pros a long time to make it and butcher/cut/copy/paste isn't always the solution.
:book:
Believe me I appreciate your help and I mean absolutely no disrespect...but nothing for nothing, if it doesn't work then it's broke...if most people don't have the issue and some do, then it's broken somewhere...the link that you've provided is ambiguous, at least to this newbie, and doesn't point you in any clear direction. I've attempted everything suggested and I'm having a hard time believing that it's this difficult for some but not for all...I'm just gonna have to take it off my site altogether because it looks slapdash at best which is a shame because it's a great add on(after seeing it in action on other people's sites where it's positioned properly)...it honestly doesn't need to be this difficult....thanks and take care
Lets see if I got the translation of all that jabber correct...
... and i mean absolutely no disrespect but...
well thanks man, i have all the greatest respect for you too but the word but negates everything that precedes it.
... nothing for nothing... <
well thats the smartest thing that comes out of all this. you put in nothing and you get nothing back.
...if it doesnt work then its broke...
translation: I, without even a simple knowledge of html or css, can surely tell these professional developers that they need to go back to school.
...the link that you've provided is ambiguous, at least to this newbie, and doesn't point you in any clear direction. ...
translation: I don't want to read and learn, I just want the answers given to me dammit!
...I'm just gonna have to take it off my site altogether...
translation: (baby making whining noises and stomping is feet because he didnt get his way) Im just gonna go find someone elses code to copy/cut/paste/butcher
Well, i feel sorry for you kid so i'm going to give you the best advice ever. TAKE THE WHOLE SITE DOWN. You want to call yourself a web developer and merchant site builder but dont even want to know the basics of coding. HA! It's destine to fail. Spare yourself the embarrassment and spend your time learning to read.
:oops: I didnt mean to make you cry!
PS: HTML means hyper text markup language and CSS is cascading style sheets. Didnt want to confuse you anymore.
you know what, you're absolutely right....in my frustration, I took it out the totally wrong way. I honestly didn't mean any disrespect, at least not any intentional disrespect, however your little dressing down wasn't necessary either. I never once insulted your intelligence or made any disparaging remarks about you.
All I'm saying is that why does it work for some and not all? (seems to be the story of my life). I'm not trying to be a web designer, I'm just trying to sell stuff to people who want what we have. I didn't know I had to get that deep into the intricacies of HTML and CSS just to put up a fairly basic site. And I certainly wasn't telling any developer that I know better than them.
The bottom line is that some people are having this issue but most aren't and yes, I was looking for someone to tell me where to fix the problem but not because I'm lazy, but because nothing seemed to be working as it was spelled out by the weblink you sent.
So I apologize for any upset I may have caused, however your diatribe was far from justified.
The problem is the inter-dependency between the main site CSS file and the CSS file for the add-on. Some elements are handled by one, some by the other. I solved the problem on one of my sites with a simple edit, but the same edit doesn't work on another. The difference is the template being used, and the stylesheet that goes with that template.Quote:
All I'm saying is that why does it work for some and not all?
The fact that there are so many different templates is what makes the issue difficult to narrow down.
Thank you...that actually clears things up a bit...:clap:
I have the specials sidebox working well and have found where to change the title of the box. What i'd like to know now is where to change the link within.
The idea is to have the link go directly to the postcards category page while still keeping the products marked as "special" shown in the carousel.
>> PAGE <<
Any ideas?
Can anyone help me please i install the carousel sidebox but the items in the box are not changing.
thx.
Hi
I appreciate that you're new, so please don't take this the wrong way - please read through the entire thread here as various possibilities have already been covered.
Thank you, i did try reading all the post but i will go oven them again to see if i can solve the problem thx for taking the time to answer me
Hi,
I'm guessing but it may be the js file, the js files should be placed in your js folder (prob in your root directory). The tag for the js script should go in your html.header.php file in includes/templates/your template/common between the <head tags>.
Not sure if this the reason but might be something to do with it.
Hi Jagall thx for responding both of my js's are in this location public_html/MyStore/js my custom template came with a slider on the main page already i try putting the codes between the <head tags>, the pictures on the original slider become vertical instead of horizontal when i put the codes on the <base> instead nothing happens.Quote:
Originally Posted by jagall
okay, not too familiar with other templates, is it from template monster? Possibly you may have a js conflict, that is there should only be one jscript library file running. now again I'm not entirely sure on this but I had alot of bother with js and sliders etc too and it was trial and error before getting them to work right but one issue was just having the one js library file i.e. jquery 1.4.4 (or whatever it is)? maybe someone else will chip in here with a better explanation.
the template that i'm running is from http://www.picaflor-azul.com
now if i need to run 1 js can you tell me how to do that
usually one jquery library file sits in your js folder and that is what your callout in your html file refers to, there maybe a case where you also have a min.js file. good luck
hi dose Our Products Drop Down you have on your site http://www.babyshower.ie it on "Zen-Cart Free Software Add Ons" ?Quote:
Originally Posted by Ryk
No. That's a commercial offering and as such we are not permitted to even mention its existence on this forum :wink:Quote:
Originally Posted by shahram
from where i can get this mod? and how much is cost? ThanksQuote:
Originally Posted by Ryk
Hi All,
First of All, thanks for a good module.
I do have a common issue which discussed in this forum. My buttons are not working. They used to work but not anymore.
it happened after i installed three different modules. I am not sure which one caused the problem but let me list them.
compare_multiple_products_1-0-2
expandable__collapsible_attributes_field_in_product_page_1-0
tabbed_products_pro_1-07 (1)
I think second one caused the problem because it has the same javascript file name as your module, jscript_jquery-1.4.4.min.
i did delete all module files of "expandable_collapsible....." module.
i changed <script> tags position to right after <base> tag
still no hope :(
can you help?
hey me again,
As usual, i solved my own problem after seeking help from Forums lol i don't know why but this always happens :D
The problem was html_header; i was using default_template's html_header as my template did not have any so my tab module changed it and added new html_header file to my current template. After i added <script> tags, it works perfect now :)
Thank You
Is it possible to use this on a page outside of zencart? I'd like to have it on my blog (on my domain) to entice people into my shop!
I've tried using the sidebox anywhere mod, but can't get it to work.
Hi,
I just Installed this module today on the free electronics black template.
I didn't see the file html_header.php in my /includes/templates/black_pure_free/common/ folder
I did find it in the /includes/templates/template_default/common/ folder
So I went ahead and inserted the lines mentioned it the install
<script src="js/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.tools.min.js" type="text/javascript" charset="utf-8"></script>
I activated the new sideboxes in Admin->Tools->Layout Boxes Controller
All great :)
Now, how do I configure the module to has the same lay out as in the example website http://www.babyshower.ie ?
I am really interested in have the scrolling products in the the Most Loved section at the bottom of the home page and categories sections.
Any help is much appreciated.
Thanks
It's really a nice add-on. Good job.Quote:
Originally Posted by vinnyna
Ok, I installed it. The carousel displayed in my site with the BUY and PREV/NEXT buttons.
The problem is that I can't PRE/NEXT buttons don't scroll and not automatic scrolling after 5 seconds. It will change when I will refresh the page.
Another thing, the carousel is not displaying on the other pages of my site. It is only display at the main page.
I have followed the instruction, put the 2 lines of code <script> before the <head> tag and uploaded the files in their respective folders in my webserver. I using Clyde Designs Glacial Age template.
I put the JS scipts under the JSCRIPT folder under Glacial Age folder.
I don't know whats caused the carousel not to scroll.
Anybody can help?
I had a similar issue on this mod, I simply did a trial and error method by placing the 2 js script lines together in various places in my html_header.php file. as I say it was trial and error but it worked for my (heavily modified html_header.php file). Also ensure you copy your file into YOUR CUSTOM TEMPLATE FOLDER as you will lose your changes in any future upgrade.
Posted via Mobile Device
Hi there,Quote:
Originally Posted by RJugalbot
place:
<script src="js/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.tools.min.js" type="text/javascript" charset="utf-8"></script>
before the closing between the opening and closing head tag either just before </head>.
I place my script just after the <head> tag.
Hope this helps.
I love this mod, but it has an issue I haven't been able to solve. I've been working on eliminating the validation errors for my web site. I started with over 60, and am now down to 8, all of which are generated by this mod. Note: It's currently 8 because I only have one box activated. If I activate the others, it produces many more.
It generates multiples of this:
Line 175, Column 443: ID "carouselPrice" already defined
…te domed costume earrings</a><div id="carouselPrice">$24.95</div><div><a href=…
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
Each error is, of course, generated by a different item. I have 8 right now because I have 8 featured items.
Anybody have any ideas how to fix this?
Hi I have had this too and what seems to work right or wrong? but works. When you have two or more carousel going e.g. whats new or featured or specials, the div id is accepted once so change the div id to div class for carouselPrice in two of the three carousel php files. good luckQuote:
Originally Posted by RescoCCC
Hi
I have used this extension on a previous site with no problems but I am having a problem with it on a new site. It is not showing the buy now button or the price or the product name.
Perhaps there a setting I have forgotten about in zencart admin? Or it might be a css thing.
This is the css that seems to affect the visibilty of these elements:
.scrollable2 {
/* required settings */
position:relative;
overflow:hidden;
width: 163px;
height:250px;
}
.scrollable2 .items {
/* this cannot be too large */
width:20000em;
position:absolute;
clear:both;
}
I hope someone can help.:smile:
I'm wondering if this is possibly for installation under Zencart 1.5.0?
If not, is there something available out there in the vast "interweb" that is compatible with Zencart 1.5.0 that does what this does?
I will like to sort from new to old instead of random
Hi guys, my carousel sideboxes have stopped working since installing ZX Slideshow as it works off jscript_jquery-1.7.1.min.js, just wondered if anyone had a way around this thanks.
hi back about this and cannot get over this jquery conflict:
I have the following in my html header file
<script src="js/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.tools.min.js" type="text/javascript" charset="utf-8"></script>
but since installing ZX Slideshow which runs on jquery.nivo.slider.pack.js and jscript_jquery-1.7.1.min.js
Driving me mad tried everything, removing files etc but still nothing
Loving the carousel and managed to blend it into the current theme OK. Just one little problem that I cannot seem to get my head around and that is closing the gap between the What's New header and the scroller itself. As you can see from the screenshot there is a band of background red showing between the two and I want it to close down like the Information box beneath does.
Any help would be greatly appreciated. Thanks
Attachment 14090
any one tried using it with 1.5x
any fixes suggested to use with 1.5x