Help changing carosel on front page

kkeeland · September 15, 2009

my website.... dubflix.com has a carousel on the front page and I need help with deleting the featured product button that is below the carousel... check out the website at dubflix.com

Here is my templates main page...

<?php require(DIR_WS_INCLUDES . 'counter.php');?>

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

<head>

<?php

if (file_exists(DIR_WS_INCLUDES . 'header_tags.php')){

require(DIR_WS_INCLUDES . 'header_tags.php');

}else{

require(DIR_WS_INCLUDES . 'meta_tags.php');

?>

<?php

}

?>

<style>

table .calendar{

border:1px solid #DDDDDD;

background-color:#ffffcc;

}

thead td{

text-align:center;

width: 20px;

}

.calTitle{

border:1px solid #DDDDDD;

background-color:#336699;

text-align:center;

color:#FFFFFF;

padding: 2px;

font-size: 12px;

white-space: nowrap;

}

.calText{

text-align:center;

width: 20px;

height: 20px;

font-size: 12px;

}

.cal_empty{

text-align:center;

/*border:1px solid #EEEEEE;*/

}

.colOver {

border: 1px solid black;

cursor: pointer;

}

.calOn {

background-color: #FF6666;

}

.calOnDisabled {

background-color: #FF6666;

}

.disabled {

background-color: gray;

}

.calOnShipping {

background-color: #FF6666;

}

.calSelected {

background-color: #00FF00;

}

.calOff {

background-color: none;

}

.fullDisabled {

background-color: gray;

}

</style>

<!--

<?php

if(isset($css_page_width))

{

echo 'div#pageFrame { width: ' . $css_page_width . 'px;}';

}

?>

#informationBox br {

display: none;

}

#informationBox a {

display: block;

}

#informationBox a:hover {

background: #eee;

}

-->

</style>

<?php

if (basename($_SERVER['PHP_SELF']) == 'index.php'){

?>

function makeScroller(selector, items){

var $carousel = $('#carouselTemplate .carousel').clone().attr('id', selector).show();

var totalItems = 0;

$(items).each(function (){

totalItems++;

$('ul', $carousel).append('<li>' + $(this).html() + '</li>');

});

totalItems = Math.ceil(totalItems/3);

var btnGoArr = [];

for(var i=0; i<totalItems; i++){

$('#extButtons', $carousel).append('<a href="#" id="page_' + i + '" class="extButton"> </a>');

if (i == 0){

$('#page_' + i, $('#extButtons', $carousel)).addClass('extButton_active');

}

$('#page_' + i, $('#extButtons', $carousel)).hover(function (){

if (!$(this).hasClass('extButton_active')){

$(this).addClass('extButton_on');

}

}, function (){

if (!$(this).hasClass('extButton_active')){

$(this).removeClass('extButton_on');

}

}).click(function (){

$('.extButton_active', $carousel).removeClass('extButton_active');

$(this).removeClass('extButton_on').addClass('extButton_active');

});

btnGoArr.push('#page_' + i);

}

if (totalItems <= 1){

$('.carouselNextButton', $carousel).removeClass('carouselNextEnabled').addClass('carouselNextDisabled');

}

$('#' + selector).replaceWith($carousel);

$('.jCarouselLite', $carousel).jCarouselLite({

visible: 3,

start: 0,

scroll: 3,

btnNext: ".carouselNextButton",

btnPrev: ".carouselPrevButton",

btnGo:btnGoArr

});

}

$(document).ready(function (){

if ($('.newProduct').size() > 0){

makeScroller('newProductsTable', '.newProduct');

}

if ($('.featuredProduct').size() > 0){

makeScroller('featuredProductsTable', '.featuredProduct');

}

if ($('.bestSellProduct').size() > 0){

makeScroller('bestSellersTable', '.bestSellProduct');

}

$('#tab_featuredProducts, #tab_bestSellers').hide();

var selectedTab = $('#tab_newProducts`');

var selectedTabButton = $('#button_featured');

$('#button_featured').each(function (){

$(this).bind('unclick', function (){

$(this).removeClass('scrollTabSelected').attr('src', '<?php echo bts_select('buttons', 'tab_featured_off.png');?>');

selectedTab.hide();

}).hover(function (){

if (!$(this).hasClass('scrollTabSelected')){

$(this).css('cursor', 'pointer').attr('src', '<?php echo bts_select('buttons', 'tab_featured_on.png');?>');

}

}, function (){

if (!$(this).hasClass('scrollTabSelected')){

$(this).attr('src', '<?php echo bts_select('buttons', 'tab_featured_off.png');?>');

}

}).click(function (){

if (selectedTabButton){

selectedTabButton.trigger('unclick');

}

$(this).addClass('scrollTabSelected');

selectedTab = $('#tab_featuredProducts').show();

selectedTabButton = $(this);

});

$('#button_newproducts').each(function (){

$(this).bind('unclick', function (){

$(this).removeClass('scrollTabSelected').attr('src', '<?php echo bts_select('buttons', 'tab_newproducts_off.png');?>');

selectedTab.hide();

}).hover(function (){

if (!$(this).hasClass('scrollTabSelected')){

$(this).css('cursor', 'pointer').attr('src', '<?php echo bts_select('buttons', 'tab_newproducts_on.png');?>');

}

}, function (){

if (!$(this).hasClass('scrollTabSelected')){

$(this).attr('src', '<?php echo bts_select('buttons', 'tab_newproducts_off.png');?>');

}

}).click(function (){

if (selectedTabButton){

selectedTabButton.trigger('unclick');

}

$(this).addClass('scrollTabSelected');

selectedTab = $('#tab_newProducts').show();

selectedTabButton = $(this);

});

$('#button_bestsellers').each(function (){

$(this).bind('unclick', function (){

$(this).removeClass('scrollTabSelected').attr('src', '<?php echo bts_select('buttons', 'tab_bestsellers_off.png');?>');

selectedTab.hide();

}).hover(function (){

if (!$(this).hasClass('scrollTabSelected')){

$(this).css('cursor', 'pointer').attr('src', '<?php echo bts_select('buttons', 'tab_bestsellers_on.png');?>');

}

}, function (){

if (!$(this).hasClass('scrollTabSelected')){

$(this).attr('src', '<?php echo bts_select('buttons', 'tab_bestsellers_off.png');?>');

}

}).click(function (){

if (selectedTabButton){

selectedTabButton.trigger('unclick');

}

$(this).addClass('scrollTabSelected');

selectedTab = $('#tab_bestSellers').show();

selectedTabButton = $(this);

});

</script>

<?php

}

?>

<?php if (isset($javascript) && file_exists(DIR_WS_JAVASCRIPT . basename($javascript))) { require(DIR_WS_JAVASCRIPT . basename($javascript)); } ?>

</head>

<body>

<?php

define('TEMPLATE_SHOW_HEADING_IMAGES', 'false');

require(DIR_WS_INCLUDES . 'warnings.php');

?>

<!--

"Fluid CSS Layout" template for PandA.nl, Copyright: Paul Mathot Haarlem, Netherlands 2004/02/15

-->

<?php

// include i.e. template switcher in every template

if(bts_select('common', 'common_top.php')) include (bts_select('common', 'common_top.php')); // BTSv1.5

?>

<tr>

<tr>

<tr>

<td><a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART);?>"><img src="<?php echo bts_select('images','header_button_cart.png');?>" border="0" alt="<?php echo HEADER_TITLE_CART_CONTENTS;?>"></a></td>

<td style="padding-right:23px;"><a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART);?>" style="font-family:Arial;font-weight:normal;font-size:16px;color:#ffffff;text-decoration:none;"><b>Shopping Cart</b></a></td>

<td style="padding-right:8px;"><a href="<?php echo tep_href_link(FILENAME_WISHLIST);?>"><img src="<?php echo bts_select('images','header_button_wishlist.png');?>" border="0" alt="Wishlist"></a></td>

<td><a href="<?php echo tep_href_link(FILENAME_WISHLIST);?>" style="font-family:Arial;font-weight:normal;font-size:16px;color:#ffffff;text-decoration:none;"><b>My Wishlist</b></a></td>

</tr>

<tr>

<td><a href="<?php echo tep_href_link(FILENAME_RENTAL_QUEUE, '', 'SSL');?>"><img src="<?php echo bts_select('images','header_button_queue.png');?>" border="0" alt="Rental Queue"></a></td>

<td style="padding-right:23px;"><a href="<?php echo tep_href_link(FILENAME_RENTAL_QUEUE);?>" style="font-family:Arial;font-weight:normal;font-size:16px;color:#ffffff;text-decoration:none;"><b>Rental Queue</b></a></td>

<td><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL');?>"><img src="<?php echo bts_select('images','header_button_account.png');?>" border="0" alt="<?php echo HEADER_TITLE_MY_ACCOUNT;?>"></a></td>

<td><a href="<?php echo tep_href_link(FILENAME_ACCOUNT);?>" style="font-family:Arial;font-weight:normal;font-size:16px;color:#ffffff;text-decoration:none;"><b>My Account</b></a></td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

<tr>

<tr>

<tr>

<td style="padding-left:20px;"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '" class="headerNavigation">' . HEADER_TITLE_HOME . '</a>';?></td>

<td class="headerNavSep"><img src="<?php echo bts_select('images','header_nav_sep.png');?>" border="0"></td>

<td><?php echo '<a href="' . tep_href_link(FILENAME_FEATURED) . '" class="headerNavigation">' . HEADER_TITLE_FEATURED . '</a>';?></td>

<td class="headerNavSep"><img src="<?php echo bts_select('images','header_nav_sep.png');?>" border="0"></td>

<td><?php echo '<a href="' . tep_href_link(FILENAME_REVIEWS) . '" class="headerNavigation">' . HEADER_TITLE_REVIEWS . '</a>';?></td>

<td class="headerNavSep"><img src="<?php echo bts_select('images','header_nav_sep.png');?>" border="0"></td>

</tr>

</table></td>

<td align="right" style="padding-right:26px;padding-top:9px;padding-bottom:10px;"><form name="search" action="<?php echo tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT);?>" method="GET"><table cellpadding="0" cellspacing="0" border="0">

<tr>

</tr>

</table></form></td>

</tr>

<tr>

<td class="breadCrumb"><?php echo $breadcrumb->trail(' » '); ?></td>

</tr>

</table></td>

</tr>

<tr>

<tr>

<td valign="top" width="226px"><?php

require(bts_select('column', 'column_left.php')); // BTSv1.5

?></td>

<td valign="top" width="100%"><?php

require (bts_select ('content')); // BTSv1.5

?></td>

<td valign="top" width="226px"><?php

require(bts_select('column', 'column_right.php')); // BTSv1.5

?></td>

</tr>

</table></td>

</tr>

<tr>

<td align="center" class="footer"><span class="footerText"><a href="<?php echo tep_href_link(FILENAME_DEFAULT); ?>">Home</a> | <a href="<?php echo tep_href_link(FILENAME_FEATURED); ?>">Featured Items</a> | <a href="<?php echo tep_href_link(FILENAME_SPECIALS); ?>">Specials</a> | <a href="<?php echo tep_href_link(FILENAME_CONDITIONS); ?>">Terms & Conditions</a> | <a href="<?php echo tep_href_link(FILENAME_CONTACT_US); ?>">Contact Us</a><br height="8px">Copyright ©<?php echo date('Y') . ' ' . STORE_NAME;?> All Rights Reserved</span></td>

</tr>

</table>

</body>

<tr>

</tr>

<tr>

</td></div>

</tr>

</table></div>

</div>

</html>

Help changing carosel on front page

Recommended Posts

kkeeland

Archived

Browse

Activity