'Overdrive' template from combosa.com - anyone using it?

[seanie_morris]

I have another idea about using the slider...

Is it possible to create different sliders according to desired pages? At the moment, the code shown relates to just a single slider with the same images appearing on the desired pages. I know that I could in theory just duplicate the template (overdriveA, overdriveB, and so on) and apply the template to the page in question, but there are the obvious drawbacks, such as when I need to edit the template, I need to edit all the copies of it.

Seanie.

[seanie_morris]

Spot on Jacobi, that worked a treat (the first option), thanks!

Seanie.

[Gast]

Use this

Code Select Expand

if (($sitename == "Home") || ($sitename == "Contact")){

Would it also make sense to use page ID (PAGE_ID ??) instead? Just to be neater, instead of long threads of page names (some of which are 2 and 3 words long, based on the website's menu).

a Page_ID is a Page_ID, its shorter and unique. the code in the top is a solution for 1-3 pages. if you use another variant of this code, its work for all pages, but not on home or contact

Code Select Expand

if (($sitename != "Home") || ($sitename != "Contact")){

if you need more pages, its better to use a shorter select, maybe with in_array like

Code Select Expand

<?php  // for colored code only
$sMySliderID = array(1,2,4,7,9);  // all needed PAGE_ID for the slider
if (in_array(PAGE_ID, $sMySliderID)) {
?>


[seanie_morris]

Slider Question

I have another question on the Overdrive template.

The following code activates the slider in the infobox place holder, but just on the page entitled "Home":

Code Select Expand

<?php
$sitename = PAGE_TITLE;
if ($sitename == "Home") {
echo '<div id="infobox">
<div class="relative container">
<div id="slides">
<img src="../overdrive/slider/1.png" alt=""/>
<img src="../overdrive/slider/2.png" alt=""/>
<img src="../overdrive/slider/3.png" alt=""/>
<img src="../overdrive/slider/4.png" alt=""/>
</div>
</div>
</div>';
}
else {
 echo '<div id="content_2">';
 echo page_content(2);
 echo '</div>';
};
?>

How do I add additional pages to be included? I tried if ($sitename == "Home","Contact") and other variations, but I can't crack it. Repeating the whole code segment, changing "Home" to the other page(s) name(s), and removing the else argument works, but it also adds a couple rows of a white space between header and slider holder.

Would it also make sense to use page ID (PAGE_ID ??) instead? Just to be neater, instead of long threads of page names (some of which are 2 and 3 words long, based on the website's menu).

Seanie.

[seanie_morris]

You have a javascript error causing the slider not initializing.

Code Select Expand

Time: 6-7-2016 22:58:26
Error: TypeError: $(...).prettyPhoto is not a function
Source: http://pixelthis.ie/wb/
Line: 186

The reason (and solution) is the same as in this post

I never knew that, thank you for the link, and it worked, all I had to do in the admin backend was:

Admin Tools > Output Filter Frontend v1.0.0 > Deselect (uncheck) FrontendJs, Jquery, Scriptvars, and SnippetJs > Click 'Save'.

It's working now. Thanks Ruud (and jacobi22)!

Seanie.

[Ruud]

You have a javascript error causing the slider not initializing.

Code Select Expand

Time: 6-7-2016 22:58:26
Error: TypeError: $(...).prettyPhoto is not a function
Source: http://pixelthis.ie/wb/
Line: 186

The reason (and solution) is the same as in this post

[seanie_morris]

maybe you can post some error messages and/or sreenshots with the problem's
normalize you have in every error message the filename and line of the broken function

I can do that, I just didn't want to be totally lazy!

Firstly, when you look at the demo page of the website (point A):
http://shop.combosa.com/templatedemos/overdrive-html/index.html

And look at my under construction site (point B):
www.pixelthis.ie/wb

you'll notice that the slides and slide controls will not show. I made sure the links are correct, and even swapped out the <?php echo TEMPLATE_DIR; ?> for the actual web address. Keep in mind that the demo link is using HTML, so the code differences to bring in the slides are:

point A (uses HTML):

Code Select Expand


<div id="infobox">
<div class="relative container">
<div id="slides">
<img src="slider/1.png" alt=""/>
<img src="slider/2.png" alt=""/>
<img src="slider/3.png" alt=""/>
<img src="slider/4.png" alt=""/>
</div>
</div>
</div>


point B (uses PHP):

Code Select Expand


<?php
$seitenname = PAGE_TITLE;
if ($seitenname == "Home") {
echo '<div id="infobox">
<div class="relative container">
<div id="slides">
<img src="http://www.pixelthis.ie/wb/templates/overdrive/slider/1.png" alt=""/>
<img src="http://www.pixelthis.ie/wb/templates/overdrive/slider/2.png" alt=""/>
<img src="http://www.pixelthis.ie/wb/templates/overdrive/slider/3.png" alt=""/>
<img src="http://www.pixelthis.ie/wb/templates/overdrive/slider/4.png" alt=""/>
</div>
</div>
</div>';
}
else {
 echo '<div id="content_2">';
 echo page_content(2);
 echo '</div>';
};
?>



All code in index.php up to the Breadcrumbs is:

Code Select Expand

<?php

if(!defined('WB_URL')) {
header('http://www.pixelthis.ie/wb/templates/overdrive/index.php');
exit(0);
}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title><?php page_title(); ?> | <?php echo WEBSITE_TITLE; ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=<?php 
echo defined('DEFAULT_CHARSET') ? DEFAULT_CHARSET : 'utf-8'; ?>" />
<meta name="description" content="<?php page_description(); ?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="robots" content="index,follow" />
    <meta name="language" content="de" />
    <meta name="page-topic" content="" />
    <meta name="distribution" content="global" />
    <meta name="revisit-after" content="7" />
    <meta name="author" content="Xyz" />


    <link rel="shortcut icon" href="http://www.pixelthis.ie/wb/templates/overdrive/images/favicon.ico" type="image/x-icon" />
   
   
    <!-- Include CSS -->
    <link href="http://www.pixelthis.ie/wb/templates/overdrive/css/style.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="http://www.pixelthis.ie/wb/templates/overdrive/css/menu.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="http://www.pixelthis.ie/wb/templates/overdrive/editor.css" rel="stylesheet" type="text/css" media="all" />
    <link href="http://www.pixelthis.ie/wb/templates/overdrive/css/prettyPhoto.css" rel="stylesheet" type="text/css" media="screen" />

    <!-- Include Scripts -->
   <script type="text/javascript" src="http://www.pixelthis.ie/wb/templates/overdrive/js/jquery-v1.8.3.js"></script>
   <script type="text/javascript" src="http://www.pixelthis.ie/wb/templates/overdrive/js/custom.js"></script>
    <script type="text/javascript" src="http://www.pixelthis.ie/wb/templates/overdrive/js/modernizr-2.0.6.min.js"></script>
    <script type="text/javascript" src="http://www.pixelthis.ie/wb/templates/overdrive/js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="http://www.pixelthis.ie/wb/templates/overdrive/js/jquery.slides.min.js"></script>

   
    <!-- Include Website Baker Scripts -->
    <?php 
  if (function_exists('register_frontend_modfiles')) {
    register_frontend_modfiles('css');
    register_frontend_modfiles('js');
  } ?>
  <!--[if IE 8]>
<style>
    .col {float: left; margin-bottom: 30px;margin-left: 0%;margin-right: 2.0%;}.grid4 .col {width: 21.4%;}.grid3 .col {width: 31.2%;}.grid2 .col {width: 45.4%;}
    #infobox {margin-top: 0px;}.search_submit {margin: 0 6px 0 -5px;}
    </style>
<![endif]-->
    <!--[if IE 7]>
<style>
    .col {float: left; margin-bottom: 30px;margin-left: 0%;margin-right: 2.0%;}.grid4 .col {width: 21.4%;}.grid3 .col {width: 31.2%;}.grid2 .col {width: 45.4%;}
    #infobox {margin-top: 0px;}.search_submit {margin: 0 6px 0 -5px;}
    </style>
<![endif]-->

</head>
<body>


<div id="container">

<div class="title">
<div id="logo"><a href="<?php echo WB_URL; ?>"><img src="<?php echo TEMPLATE_DIR; ?>/images/logo.png" alt="logo" width="320" height="200" border="0" /></a> </div>
<div id="search_box">
<?php if(SHOW_SEARCH) { ?>
<form name="search" action="http://www.pixelthis.ie/wb/search/index.php'; ?>" method="get">
<input type="text" name="string" class="search_string" id="search_string" value="Search..." onclick="this.value='';"/>
<input type="submit" name="submit" value="" class="search_submit" id="search_submit" />
</form>
<?php } ?>
</div><!-- end searchbox -->
</div><!-- end title -->


<div class="wrapper">
<a id="touch-menu" class="mobile-menu" href="#">Menu</a>
<div class="nav">
<?php show_menu2(0, SM2_ROOT, SM2_ALL, SM2_ALL, '<li><a href="[url]" class="[class]">[menu_title]</a>', "</li>", '<ul class="sub-menu" class="ullev[level]">', "</ul>", true, '<ul class="menu">');?>
</div><!-- ende nav -->
</div><!-- ende wrapper -->


<?php
$seitenname = PAGE_TITLE;
if ($seitenname == "Home") {
echo '<div id="infobox">
<div class="relative container">
<div id="slides">
<img src="http://www.pixelthis.ie/wb/templates/overdrive/slider/1.png" alt=""/>
<img src="http://www.pixelthis.ie/wb/templates/overdrive/slider/2.png" alt=""/>
<img src="http://www.pixelthis.ie/wb/templates/overdrive/slider/3.png" alt=""/>
<img src="http://www.pixelthis.ie/wb/templates/overdrive/slider/4.png" alt=""/>
</div>
</div>
</div>';
}
else {
 echo '<div id="content_2">';
 echo page_content(2);
 echo '</div>';
};
?>


<div id="breadcrumbs">     
<?php show_breadcrumbs(' &raquo; ', 0, true, -1); ?>
</div><!-- ende breadcrumbs -->
<div class="clearfix"></div>



What do you think? Anything else you need?

Seanie.

[Gast]

 i know, that the shop-owner has change in the end of last year. have you try the adresses from the imprint?

for us.. its of course possible to fix it, but not without code. maybe you can post some error messages and/or sreenshots with the problem's
normalize you have in every error message the filename and line of the broken function

[seanie_morris]

Hi there,

I purchased the 'Overdrive' responsive template from combosa.com :: http://shop.combosa.com/WebsiteBaker-Templates/Overdrive::207.html :: and I have a few quirks and problems I would like to run by anyone else who has used it. Unfortunately, there is no support for templates help on that site - an error 404 page is what I get when I click on 'Support' from the link I pasted here. Any helpers out there?


Regards,

Seanie.