Header.tpl Modifiziert und bilder weg

wollgelüste · 26. Mai 2016

Liebe Experten,

Ich bin gerade dabei in meinem Shop den Slider von nivo einzubauen

Doch leider verhindert etwas die anzeige meines Backgrounds und der Artikel bilder.

Allerdings finde ich absolut nicht was das Problem ist.

Hier meine header.tpl

Code:

<!DOCTYPE html><html lang="{$meta_language}">
<head>
<!-- Start Website Tutor Cookie Plugin -->
<script type="text/javascript">
  window.cookieconsent_options = {
  message: 'Wir verwenden Cookies, um Ihnen den bestm&ouml;glichen Service bieten zu k&ouml;nnen. Wenn sie auf der Seite weitersurfen stimmen Sie der Nutzung von Cookies zu. Nach der EU-Cookie-Richtlinie sind wir dazu verpflichtet, Sie dar&uuml;ber in Kenntnis zu setzen.',
  dismiss: 'Ok',
  learnMore: 'Datenschutzerkl&auml;rung',
  link: 'http://bobbelbee.de/Datenschutz',
  theme: 'dark-top'
 };
</script>
<script type="text/javascript" src="FX/cookie.js"></script>
<!-- Ende Website Tutor Cookie Plugin -->
    {block name="head-meta"}
        <meta http-equiv="content-type" content="text/html; charset=windows-1252">
        <meta name="description" content={block name="head-meta-description"}"{$meta_description|truncate:1000:"":true}{/block}">
        <meta name="keywords" content="{block name="head-meta-keywords"}{$meta_keywords|truncate:255:"":true}{/block}">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="robots" content="{if $bNoIndex === true  || (isset($Link->cNoFollow) && $Link->cNoFollow === 'Y')}noindex{else}index, follow{/if}">
    {/block}


    <title>{block name="head-title"}{$meta_title}{/block}</title>


    {if !empty($cCanonicalURL)}
        <link rel="canonical" href="{$cCanonicalURL}">
    {/if}


    {block name="head-base"}
        <base href="{$ShopURL}/">
    {/block}


    {block name="head-icons"}
        <link type="image/x-icon" href="{$currentTemplateDir}themes/base/images/{if !empty($Einstellungen.template.theme.favicon)}{$Einstellungen.template.theme.favicon}{else}favicon-jtl.ico{/if}" rel="shortcut icon">
        <link href="{$currentTemplateDir}themes/base/images/apple-touch-icon.png" rel="apple-touch-icon">
        {if $nSeitenTyp == 1 && isset($Artikel) && !empty($Artikel->Bilder)}
            <link rel="image_src" href="{$ShopURL}/{$Artikel->Bilder[0]->cPfadGross}">
            <meta property="og:image" content="{$ShopURL}/{$Artikel->Bilder[0]->cPfadGross}">
        {/if}
    {/block}


    {block name="head-resources"}
        {* css *}
        {if !isset($Einstellungen.template.general.use_minify) || $Einstellungen.template.general.use_minify === 'N'}
            {foreach from=$cCSS_arr item="cCSS"}
                <link type="text/css" href="{$cCSS}?v={$nTemplateVersion}" rel="stylesheet">
            {/foreach}


            {if isset($cPluginCss_arr)}
                {foreach from=$cPluginCss_arr item="cCSS"}
                    <link type="text/css" href="{$cCSS}?v={$nTemplateVersion}" rel="stylesheet">
                {/foreach}
            {/if}
        {else}
            <link type="text/css" href="asset/{$Einstellungen.template.theme.theme_default}.css?v={$nTemplateVersion}" rel="stylesheet">
            {if isset($cPluginCss_arr) && $cPluginCss_arr|@count > 0}
                <link type="text/css" href="asset/plugin_css?v={$nTemplateVersion}" rel="stylesheet">
            {/if}
        {/if}
        {* RSS *}
        {if isset($Einstellungen.rss.rss_nutzen) && $Einstellungen.rss.rss_nutzen === 'Y'}
            <link rel="alternate" type="application/rss+xml" title="Newsfeed {$Einstellungen.global.global_shopname}" href="rss.xml">
        {/if}
    {/block}


    {* Pagination *}
    {if isset($Suchergebnisse->Seitenzahlen->maxSeite) && $Suchergebnisse->Seitenzahlen->maxSeite > 1 && isset($oNaviSeite_arr) && $oNaviSeite_arr|@count > 0}
        {if $Suchergebnisse->Seitenzahlen->AktuelleSeite>1}
            <link rel="prev" href="{$oNaviSeite_arr.zurueck->cURL}">
        {/if}
        {if $Suchergebnisse->Seitenzahlen->AktuelleSeite < $Suchergebnisse->Seitenzahlen->maxSeite}
            <link rel="next" href="{$oNaviSeite_arr.vor->cURL}">
        {/if}
    {/if}


    {if !empty($Einstellungen.template.theme.backgroundcolor) && $Einstellungen.template.theme.backgroundcolor|strlen > 1}
        <style>
            body { background-color: {$Einstellungen.template.theme.backgroundcolor}!important; }
        </style>
    {/if}
    <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
    {include file='layout/header_inline_js.tpl'}
    <!-- START NIVO SLIDER-->
    <style type="text/css">
/*<=!=[=C=D=A=T=A=[*/
 
.nivoSlider {
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    max-width: none;
    display: none;
}
.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}


.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
}


.nivo-slice {
    border-radius: 5px;
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}
.nivo-box img { display:block; }


.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    text-align: center;
    color:#fff;
    width:100%;
    z-index:8;
    padding: 5px 10px;
    opacity: 0.8;
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter:alpha(opacity=8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
    box-sizing: border-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
        
}
.nivo-caption p {
    padding:5px;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}


.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}


.nivo-controlNav {
    text-align:center;
    padding: 15px 0;
}
.nivo-controlNav a {
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
}


.nivoSlider {
    position:relative;
    background-DENIED: url(http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/userlayout/img/loading.gif) no-repeat 50% 50%;
    width:auto;
    height:100%;
    margin-bottom:10px;
    border-radius: 5px;
    box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.6);


}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    border-radius: 5px;
    box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.6);


}
.nivoSlider a {
    border:0;
    display:block;
}


.nivo-controlNav {
    text-align: center;
    padding: 20px 0;
}
.nivo-controlNav a {
    display:inline-block;
    width:22px;
    height:22px;
    background:url(http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/userlayout/img/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin: 0 2px;
}
.nivo-controlNav a.active {
    background-position:0 -22px;
}


.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/userlayout/img/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.nivoSlider:hover .nivo-directionNav a { opacity: 1; }
a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
 a.nivo-prevNav {
    left:15px;
}


.nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
    color:#fff;
}


.nivo-controlNav.nivo-thumbs-enabled {
    width: 100%;
}
.nivo-controlNav.nivo-thumbs-enabled a {
    width: auto;
    height: auto;
    background: none;
    margin-bottom: 5px;
}
.nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    width: 120px;
    height: auto;
}
/*]=]=>*/
</style>


<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js">
</script>


<script type="text/javascript" src="http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/userlayout/js/jquery-nivo-slider-pack-neu.js">
</script>


<script type="text/javascript">
//<=!=[=C=D=A=T=A=[
  var $j = jQuery.noConflict();
        $j(window).load(function() {
        $j('#slider').nivoSlider({
        effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
        slices:15,
        animSpeed:500, //Slide transition speed
        pauseTime:3000,
        startSlide:0, //Set starting Slide (0 index)
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:true, //1,2,3...
        controlNavThumbs:false, //Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, //Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', //Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
        keyboardNav:true, //Use left & right arrows
        pauseOnHover:false, //Stop animation while hovering
        manualAdvance:false, //Force manual transitions
        captionOpacity:0.8, //Universal caption opacity
        beforeChange: function(){},
        afterChange: function(){},
        slideshowEnd: function(){}, //Triggers after all slides have been shown
        lastSlide: function(){}, //Triggers when last slide is shown
        afterLoad: function(){} //Triggers when slider has loaded
   });
});
//]=]=>  
</script>
    <!-- END NIVO SLIDER -->
    
</head>
{assign var="isFluidContent" value=false}
{if isset($Einstellungen.template.theme.pagelayout) && $Einstellungen.template.theme.pagelayout === 'fluid' && isset($Link) && $Link->bIsFluid}
    {assign var="isFluidContent" value=true}
{/if}
{has_boxes position='left' assign='hasLeftPanel'}
{block name="body-tag"}
<body data-page="{$nSeitenTyp}" class="body-offcanvas"{if isset($Link) && !empty($Link->cIdentifier)} id="{$Link->cIdentifier}"{/if}>
{/block}
<div id="main-wrapper" class="main-wrapper{if $bExclusive} exclusive{/if}{if isset($Einstellungen.template.theme.pagelayout) && $Einstellungen.template.theme.pagelayout === 'boxed'} boxed{else} fluid{/if}{if $hasLeftPanel} aside-active{/if}">
{if !$bExclusive}


{if isset($bAdminWartungsmodus) && $bAdminWartungsmodus}
    <div id="maintenance-mode" class="navbar navbar-inverse">
        <div class="container">
            <div class="navbar-text text-center">
                {lang key="adminMaintenanceMode" section="global"}
            </div>
        </div>
     </div>
{/if}


<header class="{if isset($Einstellungen.template.theme.pagelayout) && $Einstellungen.template.theme.pagelayout === 'fluid'}container-block{/if}{if $Einstellungen.template.theme.static_header === 'Y'} fixed-navbar{/if}" id="evo-nav-wrapper">
    <div class="container">
        {if isset($Einstellungen.template.theme.pagelayout) && $Einstellungen.template.theme.pagelayout !== 'fluid'}
            <div class="container-block clearfix">
        {/if}
        <div id="header-branding" >
            {block name="header-branding"}
                <div id="top-bar" class="text-right hidden-xs clearfix">
                    {include file="layout/header_top_bar.tpl"}
                </div>
                <div class="row">
                    <div class="col-xs-4 col-sm-2 col-md-4" id="logo">
                        {block name="logo"}
                        <a href="{$ShopURL}" title="{$Einstellungen.global.global_shopname}">
                            {if isset($ShopLogoURL)}
                                {image src=$ShopLogoURL alt=$Einstellungen.global.global_shopname class="img-responsive"}
                            {else}
                                <span class="h1">{$Einstellungen.global.global_shopname}</span>
                            {/if}
                        </a>
                        {/block}
                    </div>


                    <div class="col-xs-8 col-sm-10 col-md-8" id="shop-nav">
                        {include file='layout/header_shop_nav.tpl'}
                    </div>
                </div>
            {/block}{* /header-branding *}
        </div>
        {if isset($Einstellungen.template.theme.pagelayout) && $Einstellungen.template.theme.pagelayout !== 'fluid'}
            </div>{* /container-block *}
        {/if}
    </div>{* /container *}
    {if isset($Einstellungen.template.theme.pagelayout) && $Einstellungen.template.theme.pagelayout !== 'fluid'}
        <div class="container">
    {/if}
    <div class="category-nav navbar-wrapper hidden-xs">
        {include file="layout/header_category_nav.tpl"}
    </div>{* /category-nav *}
    {if isset($Einstellungen.template.theme.pagelayout) && $Einstellungen.template.theme.pagelayout !== 'fluid'}
        </div>{* /container *}
    {/if}
    {include file="layout/header_xs_nav.tpl"}
</header>
{/if}
<div id="content-wrapper">
    {assign var="isFluidSlider" value=isset($Einstellungen.template.theme.slider_full_width) && $Einstellungen.template.theme.slider_full_width === 'Y' &&  isset($Einstellungen.template.theme.pagelayout) && $Einstellungen.template.theme.pagelayout === 'fluid' && isset($oSlider->oSlide_arr) && count($oSlider->oSlide_arr) > 0}
    {if $isFluidSlider}
        {include file="snippets/slider.tpl"}
    {/if}
    <div{if !$bExclusive} class="container{if $isFluidContent}-fluid{/if}{/if}">
        <div class="container-block{if !$isFluidContent} beveled{/if}">
            {if $Einstellungen.artikeldetails.artikeldetails_navi_blaettern === 'Y' && isset($NavigationBlaettern)}
                <div class="visible-lg product-pagination next">
                    {if isset($NavigationBlaettern->naechsterArtikel) && $NavigationBlaettern->naechsterArtikel->kArtikel}<a href="{$NavigationBlaettern->naechsterArtikel->cURL}" title="{$NavigationBlaettern->naechsterArtikel->cName}"><span class="fa fa-chevron-right"></span></a>{/if}
                </div>
                <div class="visible-lg product-pagination previous">
                    {if isset($NavigationBlaettern->vorherigerArtikel) && $NavigationBlaettern->vorherigerArtikel->kArtikel}<a href="{$NavigationBlaettern->vorherigerArtikel->cURL}" title="{$NavigationBlaettern->vorherigerArtikel->cName}"><span class="fa fa-chevron-left"></span></a>{/if}
                </div>
            {/if}
            <div class="row">
                <div id="content" class="col-xs-12{if isset($boxes.left) && !$bExclusive && !empty($boxes.left)} {if $nSeitenTyp === 2} col-md-8 col-md-push-4 {/if} col-lg-9 col-lg-push-3{/if}">
                    {include file='layout/breadcrumb.tpl'}

www.bobbelbee.de

wollgelüste · 26. Mai 2016

AW: Header.tpl Modifiziert und bilder weg

Ich habe in der zwischenzeit mal die css angaben in die Custom verschoben, ich glaube es liegt am js script, ausgerechnet js ist mein größter schwachpunkt -,-

wollgelüste · 27. Mai 2016

AW: Header.tpl Modifiziert und bilder weg

Ich habe gerade mit entsetzen festgestellt das der Shop die von haus aus kann ... /closed *FacePalm*

ag-websolutions.de · 27. Mai 2016

AW: Header.tpl Modifiziert und bilder weg

*grins*
-- closed

Suche

Suche

Header.tpl Modifiziert und bilder weg

wollgelüste

Gut bekanntes Mitglied

wollgelüste

Gut bekanntes Mitglied

wollgelüste

Gut bekanntes Mitglied

ag-websolutions.de

Sehr aktives Mitglied

Ähnliche Themen