Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: Boxen NUR auf der linken Seite im ganzen Shop

    daGhosty

    • Neu im Forum
    • Beiträge: 6
    Boxen NUR auf der linken Seite im ganzen Shop
    am: 16. April 2010, 08:34:51
    Hallo modified eCommerce Shopsoftware Gemeinde.
    Nach längerem suchen habe ich mich entschlossen aus der osCommerce auszusteigen und auf modified eCommerce Shopsoftware umzusteigen.
    Das aufsetzen des Shops war ja nun wirklich einfach und schnell bewerkstelligt ... auch kleinere Anpassungen gehen leicht von der Hand.
    Aber an einem beisse ich mir die Zähne aus:

    wie bewerkstellige ich folgendes.

    1. das gesamte shop soll nur boxen auf der linken seite haben.
    2. die boxen die dort erscheinen sollen nur einige "ausgewählte" wenige sein
    3. am schönsten wäre es wenn die die boxen die angezeigt werden sollen z.B. direkt im backend (contentmanager) ausgewählt werden könnten.

    hier mal ein Beispiel wie ich mir das optisch vorstelle:

    http://www.bagstore24.de/

    Punkt 3. wäre zwar ein schönes feature ... ist aber nicht lebenswichtig

    oh ... und ja ... habe schon einige ansätze hier im Forum zu Punkt 1 gefunden ... aber das bezog sich wohl nur auf einzelne seiten im shop und nicht auf das gesamte shop.

    für hilfe und anregungen bin ich sehr dankbar.

    Gruß

    Ralf



    Linkback: https://www.modified-shop.org/forum/index.php?topic=5131.0

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.369
    • Geschlecht:
    Boxen NUR auf der linken Seite im ganzen Shop
    Antwort #1 am: 16. April 2010, 10:13:28
    Hallo Ralf,

    entferne mal folgenden Abschnitt aus der "/templates/xtc5/index.html":

    Code: PHP  [Auswählen]
        {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
        <div id="rightcol">{$box_CART}{$box_LOGIN}{$box_ADMIN}{$box_NEWSLETTER}{$box_BESTSELLERS}{$box_INFOBOX}{$box_CURRENCIES}{$box_MANUFACTURERS_INFO}{$box_MANUFACTURERS}</div>
        {/if}

    Danach kommentierst du die Boxen, die du im linken Menü nicht brauchst einfach mit Sternchen aus und fügst die Boxen, die du noch aus der ehemalig rechten Spalte brauchst ein, beispielsweise so:

    Code: PHP  [Auswählen]
    <div id="leftcol">{$box_CATEGORIES}{*$box_ADD_QUICKIE*}{$box_CART}{$box_LOGIN}{$box_ADMIN}{$box_CONTENT}{$box_INFORMATION}{*$box_LAST_VIEWED*}{$box_REVIEWS}{$box_SPECIALS}{*$box_WHATSNEW*}</div>

    Danach musst du noch die Breite des Templates anpassen.

    Dazu sind folgende Werte im Template anzupassen:

    Code: CSS  [Auswählen]
    #content
    #contentfull
    #wrap
    #contentwrap

    Grüße

    Torsten

    daGhosty

    • Neu im Forum
    • Beiträge: 6
    Boxen NUR auf der linken Seite im ganzen Shop
    Antwort #2 am: 16. April 2010, 11:05:29
    hallo Torsten ..

    danke für die schnelle antwort .. habe alles gemacht ... funzt super ... allerdings erscheinen jetzt die boxen der "ehemaligen rechten seite" jetzt UNTER dem shop in voller breite.

    ich habe mal mein bastelshop ON gestellt (sehen ist besser als beschreiben)

    schau mal bitte: www.berufsbekleidungsshop24.de/shop/

    übersehe ich etwas?

    hier die index.html:

    Code: PHP  [Auswählen]
    {config_load file="$language/lang_$language.conf" section="index"}
    <div id="wrap">
        <div id="header">
            <div id="logo"><img src="{$tpl_path}img/spacer.gif" width="400" alt="{$store_name}" /></div>
            <div id="search">{$box_SEARCH}</div>
        </div>
        <div id="topmenuwrap">
            <ul id="topmenu">
                <li><a href="{$index}">{#link_index#}</a></li>
               <li><a href="{$cart}">{#link_cart#}</a></li>
               {if $account}
                <li><a href="{$account}">{#link_account#}</a></li>
               {/if}
                {if $smarty.session.customers_status.customers_status_id == '1'}
                <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>
               {/if}
                <li><a href="{$checkout}">{#link_checkout#}</a></li>
               {if $smarty.session.customer_id}
                <li><a href="{$logoff}">{#link_logoff#}</a></li>
               {else}
                <li><a href="{$login}">{#link_login#}</a></li>
               {/if}
            </ul>
            <div id="languages">{$box_LANGUAGES}</div>
        </div>
        <div id="breadcrumb">{$navtrail}</div>
        <div id="contentwrap"> {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
            <div id="leftcol">{$box_ADMIN}{$box_CATEGORIES}{*$box_ADD_QUICKIE*}{$box_CONTENT}{*$box_INFORMATION*}{*$box_LAST_VIEWED*}{*$box_REVIEWS*}{$box_SPECIALS}{*$box_WHATSNEW*}</div>
            {/if}
            <div
                    {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
                            id="content"
                    {else}
                            id="contentfull"
                    {/if}
                    >
            {$main_content}</div>
        <!-- {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
        <div id="rightcol">{$box_CART}{$box_LOGIN}{$box_ADMIN}{$box_NEWSLETTER}{$box_BESTSELLERS}{$box_INFOBOX}{$box_CURRENCIES}{$box_MANUFACTURERS_INFO}{$box_MANUFACTURERS}</div>
        {/if}--></div>
    <p class="footer">{$smarty.const.TITLE} © {$smarty.now|date_format:"%Y"} | Template © 2009 by modified eCommerce Shopsoftware eCommerce Shopsoftware</p>
    </div>
     

    daGhosty

    • Neu im Forum
    • Beiträge: 6
    Boxen NUR auf der linken Seite im ganzen Shop
    Antwort #3 am: 16. April 2010, 11:08:07
    ups ... sorry ... fehler gefunden ...

    habe anstatt zu LÖSCHEN nur "auskommentiert"

    jetzt gehts ... vielen dank

    gruss

    Ralf

    marcelfink

    • Neu im Forum
    • Beiträge: 8
    Re: Boxen NUR auf der linken Seite im ganzen Shop
    Antwort #4 am: 19. Februar 2012, 06:28:51
    Servus,

    danke Tomcraft, hab jetzt zumind. auf der Rechten Seite alles weg.

    Nur bekomme ich in der CSS datei nicht die richtigen Werte zusammen.

    Ich hab das SHOP5 Template, hier einmal die css:

    Code: CSS  [Auswählen]
    #template-switcher option{ width:140px;}
    .deinfooter {
            margin: 0 auto;
            width:970px;
            text-align:center;
            color:#7a7a7a;
            font-size:11px;
            padding:0px 0px 10px 0px;
    }
    /* THE BIG GUYS */
    * {
            margin:0;
            padding:0
    }
    body {
            font-family:Arial, Sans-serif;
            font-size:12px;
            margin:0 0 0 20px;
            padding:0;
            color:#7a7a7a;
            line-height:18px;
            background:#FFFFFF url(img/bg.gif) repeat top left
    }
    /* HEADINGS */
    h1 {
            color:#3c91cc;
            font-weight:lighter;
            font-size:18px;
            margin:0px 0px 15px 0px;
            padding:0px;
            width:auto;
            padding-bottom:8px;
    }
    h2 {
            color:#7a7a7a;
            font-weight: lighter;
            font-size:16px;
            margin:15px 0px 8px 0px;
            padding:0px;
    }
    /* LINKS GLOBAL */
    a, a:link, a:link, a:link, a:hover {
            background:transparent;
            text-decoration:none;
            cursor:pointer
    }
    a:link {
            color:#3c91cc
    }
    a:visited {
            color:#3c91cc
    }
    a:hover, a:active {
            color:#3c91cc
    }
    a:hover {
            color:#7a7a7a;
            text-decoration:underline;
    }
    a img {
            border:none
    }
    /* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
    input {
            font-family:Arial, Sans-serif;
            font-size:12px;
    }
    textarea {
            font-family:Arial, Sans-serif;
            font-size:12px;
            border:1px solid #dedede;
            padding:5px 2px;
            color:#9c9c9c;
    }
    select {
            font-family:Arial, Sans-serif;
            font-size:12px;
            border:1px solid #dedede;
            padding: 5px 2px;
            color:#9c9c9c;
    }
    /* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
    input[type=text], input[type=password] {
            border:1px solid #dedede;
            padding:2px;
            padding: 5px 2px;
            color:#9c9c9c;
    }
    /* PARAGRAPH GLOBAL */
    p {
            margin:8px 0px 8px 0px
    }
    /* FAKE HR DIV CAUSE OF IE TROUBLES */
    div.hr {
            padding-top:1px;
            height:0;
            overflow:hidden;
            margin:0;
            line-height:0px;
            background-color:#dedede
    }
    div.hrlightgrey {
            padding-top:1px;
            height:0;
            overflow:hidden;
            margin:0;
            line-height:0px;
            background-color:#dedede
    }
    div.hrproductpreview {
            padding-top:1px;
            height:0;
            overflow:hidden;
            margin:12px 0px 12px 0px;
            display:inline;
            height:0px;
            line-height:0px;
            display:block;
            background-color:#dedede
    }
    /* TABLE GLOBAL */
    table td {
            padding:2px;
    }
    /* WHOLE SITE WRAPPER */
    #wrap {
            margin: 0 auto;
            width:980px;
    }
    /* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
    #header {
            height:100px;
    }
    #header #logo {
            float:left;
            width:300px;
            margin:10px 0 15px 0;
    }
    #header #logo h1{
            display:none
    }
    #header #search {
            height:50px;
            float:right;
            margin:15px 0 0 0;
    }
    #header #search input {
            border-right:none;
            padding:8px 7px 7px 7px;
            margin-right:-14px;
    }
    #header td {
            padding-top:1px;
            padding-right:4px;
    }
    #header .header {
            float:left;
            width:980px;
            margin-bottom:15px
    }
    /* BREADCRUMB PATH AS LIST */
    #breadcrumb {
            clear:both;
            padding:1px 0px 1px 0px;
            list-style-type:none;
            font-size:11px;
    }
    #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {
            line-height:23px;
            text-decoration:none;
            cursor:pointer;
            color:#9c9c9c;
    }
    /* TOPMENU AS LIST */
    #topmenuwrap {
            background: url(img/bg_n.gif) repeat-x top left;
            border:1px solid #dedede;
            height:41px;
            float:left;
            width:978px;
    }
    #topmenu {
            float:left;
            padding:0;
            margin:0;
            list-style-type:none;
            height:42px;
            font-size:13px;
    }
    #topmenu li {
            height:42px;
            float:left;
            padding: 0px 10px 0px 10px;
            margin:0;
    }
    #topmenu li a { float:left; margin:0; padding:13px 0; color:#757575; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
    #topmenu li a span { padding:13px; background:none;}
    #topmenu li a:hover { color:#3c91cc;  background: url(img/r_menu.gif) no-repeat right;}
    #topmenu li a:hover span {  color:#3c91cc; background:url(img/l_menu.gif) no-repeat left;}
    /* LANGUAGE SELECTION IN TOPMENU LIST */
    #languages {
            text-align:right;
            height:26px;
            font-size:13px;
            padding: 10px 10px 0px 0px;
            margin:0;
    }
    /* CONTENT WRAPPER */
    #contentwrap {
            clear:both;
            width:980px;
            padding:0;
    }
    /* LEFT COLUMN */
    #leftcol {
            float:left;
            width:200px;
            padding:0px 0px 15px 0px;
    }
    /* RIGHT COLUMN */
    #rightcol {
            float:right;
            width:1px;
            padding:0px 0px 15px 0px;
    }
    /* MAIN CONTENT */
    #content {
            float:left;
            width:498px;
            padding:25px;
            margin:0 15px 15px 15px;
            border:1px solid #dedede;
            background-color:#FFFFFF
    }
    #contentfull {
            width:920px;
            padding:0px 30px 0px 30px;
            margin-bottom:15px;
            border:1px solid #dedede;
            background-color:#FFFFFF
    }
    /* CATEGORY MENU */
    h2.categoryheader {
            background-color:#ffffff;
            height:28px;
            font-size:16px;
            color:#393939;
            padding:2px 8px 0px 8px;
            margin:0;
            line-height:28px;
            vertical-align:middle;
            border-top:1px solid #dedede;
            border-left:1px solid #dedede;
            border-right:1px solid #dedede;
            font-weight:lighter
    }
    h2.categoryheader a {
            text-decoration:none;
    }
    ul#categorymenu {
            background-color:#EDEDED;
            margin-bottom:15px;
            border: solid #ccc;
            border-width:0px 1px 1px 1px;
    }
    /* 1st TIER */
    ul#categorymenu li.level1 {
            list-style-type:none;
            border: solid #fff;
            border-width:1px 0px 0px 0px;
            font-size:14px
    }
    ul#categorymenu li.level1 a {
            text-decoration:none;
            color:#7a7a7a;
            background:#eee;
            padding:4px 0px 4px 6px;
            display:block
    }
    ul#categorymenu li.level1 a:hover {
            text-decoration:none;
            color:#ffffff;
            background-color:#ccc;
    }
    /* 2nd TIER */
    ul#categorymenu li.level2 {
            list-style-type:none;
            border: solid #fff;
            border-width:1px 0px 0px 0px;
    }
    ul#categorymenu li.level2 a {
            text-decoration:none;
            color:#7a7a7a;
            background: url(img/dotted1.gif) no-repeat 8px 9px #e1e1e1;
            padding:4px 0px 4px 18px;
            display:block
    }
    ul#categorymenu li.level2 a:hover {
            text-decoration:none;
            color:#ffffff;
            background-color:#ccc;
    }
    /* 3rd TIER */
    ul#categorymenu li.level3 {
            list-style-type:none;
            border: solid #fff;
            border-width:1px 0px 0px 0px;
    }
    ul#categorymenu li.level3 a {
            text-decoration:none;
            color:#7a7a7a;
            background: url(img/dotted1.gif) no-repeat 16px 9px #c7c7c7;
            padding:4px 0px 4px 26px;
            display:block
    }
    ul#categorymenu li.level3 a:hover {
            text-decoration:none;
            color:#ffffff;
            background-color:#ccc;
    }
    /* BOXES GLOBAL DEFINITION */
    h2.boxheader {
            background-color:#ffffff;
            height:28px;
            font-size:16px;
            color:#393939;
            padding:2px 8px 0px 8px;
            margin:0;
            line-height:28px;
            vertical-align:middle;
            border-top:1px solid #dedede;
            border-left:1px solid #dedede;
            border-right:1px solid #dedede;
            font-weight:lighter
    }
    h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {
            text-decoration:none;
            color:#393939
    }
    .boxbody {
            background-color:#ffffff;
            border-style:solid;
            border-color:#dedede;
            border-width:0px 1px 1px 1px;
            padding:8px;
            margin-bottom:15px
    }
    .boxbody h3, .boxbody h3 a {
            font-size:11px
    }
    .boxbody h3.center, .boxbody h3.center a {
            font-size:11px;
            text-align:center
    }
    .boxbody p {
            color:#7a7a7a;
            font-size:11px;
            margin:6px 0px 6px 0px
    }
    .boxbody p.center {
            color:#7a7a7a;
            font-size:11px;
            text-align:center;
            margin:6px 0px 6px 0px
    }
    .boxbody td {
            color:#7a7a7a;
            font-size:11px;
            margin:6px 0px 6px 0px
    }
    .boxbody .productOldPrice {
            font-size:11px;
            color:#FF0000
    }
    .boxbody div.hr {
            margin-top:5px;
            margin-bottom:5px
    }
    .boxbody div.hrlightgrey {
            margin-top:5px;
            margin-bottom:5px;
    }
    .boxbody a {
            font-size:11px;
    }
    .boxbody .productboximage {
            border: solid 1px #dedede;
            padding:5px;
            background:#fff;
    }
    .boxbody ul.contentlist {
            margin-left:5px;
            margin-right:0;
            padding:0;
    }
    .boxbody ul.contentlist li {
            margin-left:0px;
            padding:0;
            list-style-type:none
    }
    .contentlist a {
            border-bottom:1px solid #ccc;
            display:block;
            padding:5px 0;
    }
    /* CART BOX */
    h2.boxcartheader {
            background-color:#ffffff;
            height:28px;
            font-size:16px;
            color:#393939;
            padding:2px 8px 0px 8px;
            margin:0;
            line-height:28px;
            vertical-align:middle;
            border-top:1px solid #dedede;
            border-left:1px solid #dedede;
            border-right:1px solid #dedede;
            font-weight:lighter
    }
    h2.boxcartheader a {
            text-decoration:none;
    }
    .boxcartbody {
            padding:4px 8px 4px 8px;
            margin-bottom:15px;
            background-color:#ffffff;
            border-style:solid;
            border-color:#dedede;
            border-width:0px 1px 1px 1px;
    }
    .boxcartbody p {
            font-size:11px;
    }
    /* PRODUCT PREVIEW */
    .productPreview {
            padding:0;
            margin:0;
    }
    .productPreviewContent {
            vertical-align:top;
    }
    .productPreviewContent h2 {
            padding: 0;
            margin:0px 0px 5px 0px;
    }
    .productPreviewContent h2 a {
            font-size:14px;
            font-weight:lighter;
    }
    .productPreviewImage {
            vertical-align:top;
            padding:3px 15px 0px 0px;
    }
    .productPreviewImage img {
            border: solid 0px #dedede;
    }
    .productPreviewContent .price {
            font-size:16px;
            font-weight:lighter;
            padding:0;
            margin:0
    }
    .productPreviewContent .taxandshippinginfo {
            font-size:11px;
            padding:0;
            margin:0
    }
    .productPreviewContent .vpe {
            font-size:11px;
            padding:0;
            margin:0
    }
    .productPreviewContent .shippingtime {
            font-size:11px;
            padding:0;
            margin:0
    }
    .productPreviewContent .stockimage {
            margin:0;
            padding:0;
    }
    .productPreviewContent .stockimagetext {
            margin:0;
            padding:0;
            font-size:11px;
    }
    .productPreviewContent .productOldPrice {
            font-size:12px;
            color:#ff0000;
    }
    .productPreviewContent .taxandshippinginfo a {
            font-size:11px;
    }
    /* PRODUCT INFO / PRODUCT DETAILS */
    #productinfowrap {
            display:table;
            width:100%
    }
    #productinfoimages {
            float:left;
            background-color:#EDEDED;
            text-align:center;
            width:140px;
            padding:10px;
            margin:0px 10px 10px 0px;
            border: solid 1px #dedede;
    }
    #productinfoimages .productimage {
            border: solid 1px #dedede;
    }
    #productinfoimages .hrlightgrey {
            margin-top:6px;
            margin-bottom:6px;
    }
    #productinfopricewithimages {
            float:right;
    }
    #productinfopricewithimages img {
            cursor:pointer
    }
    #productinfopricewithoutimages {
            width:100%
    }
    #productinfopricewithoutimages img {
            cursor:pointer
    }
    #productinfoprice {
            padding:5px
    }
    #productinfoprice .hrlightgrey {
            margin-top:6px;
            margin-bottom:6px;
    }
    #productinfoprice .productprice {
            margin:0;
            padding:0;
            font-size:14px;
    }
    #productinfoprice .productOldPrice {
            color:#FF0000;
            margin:0;
            padding:0;
            font-size:12px;
    }
    #productinfoprice .taxandshippinginfo {
            margin:0;
            padding:0;
            font-size:11px;
            color:#dedede;
    }
    #productinfoprice .taxandshippinginfo a {
            margin:0;
            padding:0;
            font-size:11px;
            color:#dedede;
    }
    #productinfoprice .shippingtime {
            margin:0;
            padding:0;
            font-size:11px;
            color:#dedede;
    }
    #productinfoprice .stockimage {
            margin:0;
            padding:0;
    }
    #productinfoprice .stockimagetext {
            margin:0;
            padding:0;
            font-size:11px;
            color:#dedede;
    }
    p.productinfoproductadded {
            font-size:11px;
    }
    .productoptions {
            background-color:#f8f8f8;
            padding:6px;
            border-style:solid;
            border-width:1px 0px 0px 0px;
            border-color:#ccc
    }
    .addtobasket {
            background-color:#EDEDED;
            padding:6px;
            text-align:right;
            border-style:solid;
            border-width:1px;
            border-color:#dedede
    }
    /* POPUPS PRODUCTINFO */
    body.popupproductinfo {
            padding:15px;
            background:none;
            background-color:#fff
    }
    /* POPUP print_order.html */
    body.popupprintorder {
            font-family:Arial, Sans-serif;
            font-size:13px;
            padding:15px;
            background:none;
            background-color:#fff
    }
    body.popupprintorder .products tr.header td {
            background-color:#EDEDED;
    }
    body.popupprintorder .products .total {
            text-align:right
    }
    body.popupprintorder .products .quantity {
            vertical-align:top
    }
    body.popupprintorder .productname {
            vertical-align:top
    }
    body.popupprintorder .model {
            vertical-align:top
    }
    body.popupprintorder .singleprice {
            vertical-align:top
    }
    body.popupprintorder .totalprice {
            vertical-align:top
    }
    /* HIGHLIGHTBOX (BACKGROUND) */
    div.highlightbox {
            padding: 15px;
            background-color:#f8f8f8;
            border: solid #d9d9d9 1px
    }
    div.highlightbox ul {
            margin-left:15px;
            padding:0;
            display:block;
            list-style-type:square;
            line-height:20px
    }
    div.highlightbox h1 {
            color: #3c91cc;
            padding:0px 0px 10px 0px;
            margin:0;
            border:none;
            font-size:16px
    }
    div.highlightbox div.hr {
            height:1px;
            line-height:1px;
            margin:0;
            padding:0;
            display:block;
            border-bottom: solid 1px #eee;
    }
    /* PAYMENT TYPE SELECTION */
    table.paymentblock {
            background-color:#f8f8f8;
            border-style: solid;
            border-width:0px 1px 1px 1px;
            border-color:#eee;
            margin-bottom:15px;
    }
    table.paymentblock tr td.header {
            background-color:#ccc;
            padding:2px;
            padding-left:5px;
    }
    /* SHIPPING TYPE SELECTION */
    table.shippingblock {
            background-color:#f8f8f8;
            border-style: solid;
            border-width:0px 1px 1px 1px;
            border-color:#eee;
            margin-bottom:15px;
    }
    table.shippingblock tr td.header {
            background-color:#ccc;
            padding:2px;
            padding-left:5px;
    }
    table.shippingblock tr td {
            vertical-align:top;
    }
    table.shippingblock tr td.description {
            width:100%;
            vertical-align:top;
            padding-left:6px;
    }
    table.shippingblock tr td.radiobutton {
            vertical-align:top;
            white-space:nowrap;
            padding:4px;
    }
    table.shippingblock tr td.radiobutton input {
            margin:0;
            padding:0;
    }
    table.shippingblock tr td.price {
            vertical-align:top;
            white-space:nowrap
    }
    /* ORDER DETAILS IN ACCOUNT HISTORY */
    table.accounthistoryinfoorderdetails tr td {
            vertical-align:top
    }
    table.accounthistoryinfoorderdetails tr.header td {
    }
    /* MESSAGEBOX ON CONTACT SITE */
    textarea.message_body {
            width:130px;
    }
    /* DOWNLOAD BOX FOR USER DOWNLOADS */
    table.downloadbox {
            padding: 5px;
            background-color:#f8f8f8;
            border: solid #d9d9d9 1px;
            margin-bottom:8px;
    }
    table.downloadbox tr td.icon {
            padding-right: 15px;
    }
    table.downloadbox tr td.downloadlink {
            width:100%;
    }
    /* TABLE WICH SHOWS GRADUATED PRICES */
    table.graduatedprice {
            font-size:11px;
            text-align:left;
            margin-top:5px;
    }
    table.graduatedprice tr td.header {
            font-size:12px;
            text-align:left
    }
    /* ORDER DETAILS */
    table.orderdetails {
            font-size:11px;
            background-color:#f8f8f8;
            border-style: solid;
            border-width:0px 1px 1px 1px;
            border-color:#ccc;
    }
    table.orderdetails tr td {
            padding:4px
    }
    table.orderdetails tr.headerrow td {
            background-color:#ccc;
            color:#7a7a7a;
    }
    table.orderdetails tr.headerrow td.left {
            text-align:left
    }
    table.orderdetails tr.headerrow td.center {
            text-align:center
    }
    table.orderdetails tr.headerrow td.right {
            text-align:right
    }
    /* ORDER DETAILS CONTENT ROW 1 */
    table.orderdetails tr.contentrow1 td {
            background-color:#f8f8f8;
            vertical-align:top
    }
    table.orderdetails tr.contentrow1 td.quantity {
            text-align:center
    }
    table.orderdetails tr.contentrow1 td.quantity input {
            font-size:11px;
            padding:2px;
            border:solid #ccc 1px;
    }
    table.orderdetails tr.contentrow1 td.productname {
            text-align:left
    }
    /* ORDER DETAILS CONTENT ROW 2 */
    table.orderdetails tr.contentrow2 td {
            background-color:#f8f8f8;
            vertical-align:top
    }
    table.orderdetails tr.contentrow2 td.quantity {
            text-align:center
    }
    table.orderdetails tr.contentrow2 td.quantity input {
            font-size:11px;
            padding:2px;
            border:solid #ccc 1px;
    }
    table.orderdetails tr.contentrow2 td.productname {
            text-align:left
    }
    /* ORDER DETAILS SINGLE PRICE */
    table.orderdetails tr td.singleprice {
            text-align:right;
            white-space:nowrap
    }
    /* ORDER DETAILS TOTAL PRICE PER ITEM */
    table.orderdetails tr td.totalprice {
            text-align:right;
            white-space:nowrap
    }
    /* ORDER DETAILS DELETE CHECKBOX */
    table.orderdetails tr td.delete {
            text-align:center;
            white-space:nowrap
    }
    /* ORDER DETAILS PRODUCT ATTRIBUTES */
    table.orderdetails tr td.productname table.productattributes {
            margin-top:3px;
    }
    table.orderdetails tr td.productname table.productattributes tr td {
            padding:0px;
    }
    table.orderdetails tr td.productname table.productattributes tr td.attribute {
            padding-right:4px;
    }
    table.orderdetails tr td.productname table.productattributes tr td.value {
            width:100%;
    }
    /* ORDER DETAILS SUBTOTAL */
    table.orderdetails tr td.subtotal {
            background-color:#f8f8f8;
            text-align:right;
            border-style: solid;
            border-width:1px 0px 0px 0px;
            border-color:#ccc;
    }
    /* PRODUCT NAVIGATOR */
    div.productnavigator {
            background-color:#EDEDED;
            padding:8px;
            border:#dedede 1px solid
    }
    /* REVIEW LIST */
    table.reviewlist {
            background-color:#f8f8f8;
            border-style: solid;
            border-width:0px 1px 1px 1px;
            border-color:#ccc;
    }
    table.reviewlist tr td {
            padding:4px;
            white-space:nowrap
    }
    table.reviewlist tr.header td {
            background-color:#ccc;
    }
    table.reviewlist tr.contentrow1 td {
            background-color:#f8f8f8;
    }
    table.reviewlist tr.contentrow2 td {
            background-color:#f8f8f8;
    }
    textarea#review {
            width:100%
    }
    /* MEDIA LIST */
    table.medialist {
            background-color:#f8f8f8;
            border-style: solid;
            border-width:1px;
            border-color:#ccc;
    }
    table.medialist tr td {
            padding:6px;
            white-space:nowrap;
            vertical-align:top
    }
    table.medialist tr.contentrow1 td {
            background-color:#f8f8f8;
    }
    table.medialist tr.contentrow2 td {
            background-color:#f8f8f8;
    }
    /* SITEMAP */
    .sitemapwrap {
    }
    .sitemapwrap .sitemapleft {
            background-color:#f8f8f8;
            border-style: solid;
            border-width:1px;
            border-color:#ccc;
            display:table;
            float:left;
            width:235px;
            margin-bottom:15px;
    }
    .sitemapwrap .sitemapright {
            background-color:#f8f8f8;
            border-style: solid;
            border-width:1px;
            border-color:#ccc;
            display:table;
            float:right;
            width:235px;
            margin-bottom:15px;
    }
    .sitemapheader {
            padding:3px;
            background-color:#ccc;
    }
    .sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {
            text-decoration:none
    }
    .sitemapcontent {
            padding:6px
    }
    .sitemapcontent li {
            list-style-type:none
    }
    /* COMMENTS ON CHECKOUT CONFIRMATION SITE */
    p.checkoutcomment textarea {
            width:100%
    }
    /* ORDER DETAILS ON CHECKOUT SITE */
    table.checkoutconfirmationorderdetails {
            padding:0;
            margin:0px 0px 10px 0px;
            border:none
    }
    table.checkoutconfirmationorderdetails tr td.productname {
            width:100%;
    }
    table.checkoutconfirmationorderdetails tr td.shippingtime {
            padding:0px 0px 0px 30px;
            color:#dededededede;
            font-size:11px;
            white-space:nowrap
    }
    table.checkoutconfirmationorderdetails tr td.productattributes {
            padding:0px 0px 0px 30px;
            color:#dededededede;
            font-size:11px;
    }
    table.checkoutconfirmationorderdetails tr td.productprice {
            white-space:nowrap;
            text-align:right
    }
    table.checkoutconfirmationorderdetailstotal {
            padding:0;
            margin:10px 0px 0px 0px;
            border:none
    }
    table.checkoutconfirmationorderdetailstotal tr td.name {
            width:100%;
            text-align:right
    }
    table.checkoutconfirmationorderdetailstotal tr td.value {
            white-space:nowrap;
            text-align:right
    }
    /* AGB ON CHECKOUT SITE */
    p.checkoutagb textarea {
            width:100%
    }
    /* CHECKOUT NAVIGATION */
    ul#checkoutnavigation {
            margin:0;
            padding:0;
            margin-top:15px;
    }
    ul#checkoutnavigation li {
            height: 70px;
            list-style-type:none;
            float:left;
            width:195px;
            margin-right:15px;
            border: solid 1px;
            padding:8px
    }
    ul#checkoutnavigation li.active {
            background-color: #f8f8f8
    }
    ul#checkoutnavigation li.active .number {
            font-size:20px;
    }
    ul#checkoutnavigation li.active .title {
            font-size:14px;
    }
    ul#checkoutnavigation li.active .description {
            font-size:11px
    }
    ul#checkoutnavigation li.inactive {
            color:#dedede;
            background-color: #EDEDED;
            border-color:#dedede
    }
    ul#checkoutnavigation li.inactive .number {
            font-size:20px;
    }
    ul#checkoutnavigation li.inactive .title {
            font-size:14px;
    }
    ul#checkoutnavigation li.inactive .description {
            font-size:11px
    }
    /* ERROR MESSAGES */
    .errormessage {
            border: solid #ff0000 2px;
            padding:15px;
            background-color:#FFD6D6;
            margin-bottom:10px;
    }
    /* SUCCESS MESSAGE */
    .messageStackSuccess {
            padding:4px;
            background-color:#66FF66
    }
    /* FOOTER */
    .footer {
            clear:both;
            text-align:center;
            font-size:11px;
            border-top:1px solid #dedede;
    }
    .footer a {
            text-decoration:underline
    }
    /* XTC COPYRIGHT */
    .copyright {
            margin: 0 auto;
            width:970px;
            text-align:center;
            color:#dededededede;
            font-size:11px;
            padding:0px 0px 10px 0px;
    }
    /* XTC ParseTime */
    .parseTime {
            margin: 0 auto;
            width:970px;
            text-align:center;
            color:#dededededede;
            font-size:11px;
            padding:0px 0px 10px 0px;
            display:none
    }
    /* UPDATE CHANGES 17.10.2008 */
    /* Mehr Bilder unterhalb der Beschreibung */
    .morepics {
            background-color:#EDEDED;
            padding:6px;
            text-align:right;
            border-style:solid;
            border-width:1px 0px 0px 0px;
            border-color:#dedede;
            display:block;
            height:auto;
    }
    .morepics img {
            border:1px solid #dedede;
            padding:4px;
            margin-right:8px;
            background:#FFFFFF;
            height:100px;
            width:auto;
    }
    /* BESTELLER BOX mit Bilder in DL DT Liste -- JUNG GESTALTEN.com */
    dt {
            float:left;
            width:40px;
    }
    dt img {
            border:1px solid #ccc;
            padding:2px;
            background:#fff;
    }
    dd {
            float:right;
            width:125px
    }
    /* Vorschaubilder TD mit gleichem Abstand */
    /* BOF - dokuman - 2009-06-06 - Fix new products display in firefox - picture size is 120px by default */
    /*.productPreviewImage { width:100px; display:block } */
    .productPreviewImage {
            width:120px;
            display:block
    }
    /* EOF - dokuman - 2009-06-06 - Fix new products display in firefox size is 120px by default */
    td.productPreviewContent {
            width:400px;
            text-align:left
    }
    /* FIX DER AUFZÄHLUNGEN */
    #content ol, #content ul {
            margin:10px 0 10px 40px;
    }
    /* SEARCHBOX */
    .search_header {
            line-height:normal;
    }
    .search { display:block; float:left; background: url(img/search_bg.gif) left top no-repeat; width:149px; padding:0 5px; height:32px; margin:1px -2px 0 0;}
    .search input { line-height:14px; float:left; border:0; width:149px; padding:9px 0; height:14px; background:none; font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c;}
     

    Wenn ich jetzt bei den von dir angegeben Werten etwas ändere wird mir entweder der Content bereich unter den Kategorien angezeigt, also linkes menü und darunter dann alles weitere, oder aber es ändert sich garnichts oder es wird gar kein Content mehr angezeigt.

    Welche werte müssen eingetragen werden damit der Content bereich einfach alles ausfüllt wo früher mal die rechte Navigation war?

    LG, Marcel

    inter-networks

    • Neu im Forum
    • Beiträge: 41
    Re: Boxen NUR auf der linken Seite im ganzen Shop
    Antwort #5 am: 19. Februar 2012, 06:59:10
    Ersetze doch bitte mal
    Code: PHP  [Auswählen]
    #content {
           float:left;
            width:498px;
            padding:25px;
            margin:0 15px 15px 15px;
            border:1px solid #dedede;
           background-color:#FFFFFF
    durch
    Code: PHP  [Auswählen]
    #content {
           float:left;
            width:750px;
            padding:25px;
            margin:0 15px 15px 15px;
            border:1px solid #dedede;
           background-color:#FFFFFF

    marcelfink

    • Neu im Forum
    • Beiträge: 8
    Re: Boxen NUR auf der linken Seite im ganzen Shop
    Antwort #6 am: 19. Februar 2012, 15:36:19
    Hey :)

    das hab ich auch schon probiert, jetzt wird mir der contentbereich unter "leftcol" angezeigt.

    PeterE

    • Neu im Forum
    • Beiträge: 29
    • Geschlecht:
    Re: Boxen NUR auf der linken Seite im ganzen Shop
    Antwort #7 am: 23. Februar 2012, 16:21:55
    hallo,
    kann mir jemand bei der xtc5 template anpassung einen tipp geben?

    ich suche eine möglichkeit das template auf 100% Breite umzustellen.
    bin wohl zu blöd. im xtc4 konnte man das im template/index.html machen.

    laut torsten
    Danach musst du noch die Breite des Templates anpassen.
    muss das ja irgendwo gehen.
    lg
    peter

    Schwammakobf

    • Frisch an Board
    • Beiträge: 75
    Re: Boxen NUR auf der linken Seite im ganzen Shop
    Antwort #8 am: 23. Februar 2012, 16:57:34
    Servus Marcel,

    Hey :)

    das hab ich auch schon probiert, jetzt wird mir der contentbereich unter "leftcol" angezeigt.

    Schau mal nach, wie breit dein #contentwrap ist...
    Angenommen es mißt eine Breite von 980px:
    Ist deine #leftcol 200px breit, der #content 525px und #rightcol beträgt ebenfalls 200px, dann klappt alles wunderbar: 200 + 525 + 200 = 925... deine 3 Spalten haben also noch wunderbar Platz. (Es bleiben noch 980-925=55px übrig, die aber durch das beidseitige padding von 25px bei #content fast aufgebraucht werden...es sind nur noch 5px über!)

    Wird jetzt die #rightcol (-200px) entfernt aber der #content auf 750px erweitert wird's zu eng:
    200px + (750px + 2*25px) = 1000px
    Es fehlen also genau 20px, damit das #content noch rechts neben dem #leftcol Platz findet.
    Lass #leftcol bei 200px, mach #content nur 735px breit und nimm nur 20px padding...dann sollte es klappen.

    Zu Peter:
    Mach dir vorsichtshalber mal Gedanken, ob du dein Layout wirklich auf 100% haben möchtest.
    Bildschirme werden immer größer und dann muss auch dein Inhalt (also Auflistung der Kategorien, Artikel und Artikeldetails) immer auf die ganze Bilschirmbreite 'mitwachsen'. Evtl. machst du dir damit unnötig das Leben schwer. Ich bin Fan von fixer Breite und horizontal zentrierten Layouts...muss aber nix heißen.

    Gruß
    Schwammakobf

    PeterE

    • Neu im Forum
    • Beiträge: 29
    • Geschlecht:
    Re: Boxen NUR auf der linken Seite im ganzen Shop
    Antwort #9 am: 23. Februar 2012, 18:05:10
    Hallo Schwammakobf,
    es geht mir eigentlich nur um den content Bereich zur Produktdarstellung.

    Deine Anmerkung hat aber was.
    Villeicht probier ich mal eine 2-spaltige Variante.
    lg
    Peter

    marcelfink

    • Neu im Forum
    • Beiträge: 8
    Re: Boxen NUR auf der linken Seite im ganzen Shop
    Antwort #10 am: 27. Februar 2012, 00:13:01
    Hey :) Schwammkopf, hat funktioniert, danke :)
    4 Antworten
    3096 Aufrufe
    31. Januar 2015, 18:20:08 von awids
    11 Antworten
    4255 Aufrufe
    22. Januar 2016, 19:10:32 von Fakrae
    8 Antworten
    4946 Aufrufe
    12. März 2015, 16:22:57 von Bonsai
    11 Antworten
    4677 Aufrufe
    31. August 2021, 14:12:33 von arslibri