Длинное название категории

SNP · 25 травня 2012

Я на сайте хочу поставить длинное название для категории к примеру Товары для путешествия но как сделать чтобы было следующего вида:

Товары

для путешествия

при этом я не хочу каждый раз редактировать файл header.tpl и самому вносить изменения

шаблон http://=^_^=.ru/temlates-opencart/free-templates/159-themeglobal.html

вот css

/* ThemeGlobal.com - OpenCart Templates Club. Unlimited access to all of our themes for only $49. */

html {

overflow: -moz-scrollbars-vertical;

margin: 0;

padding: 0;

}

body {

background-color: #ffffff;

color: #6A6A6A;

font-family: Verdana,Geneva,sans-serif;

margin: 0px;

padding: 0px;

background-image: url('../image/pattern9.png');

background-color: #FFF;

}

body, td, th, input, textarea, select, a {

font-size: 12px;

}

h1, .welcome {

margin-top: 0px;

margin-bottom: 20px;

font-size: 32px;

font-weight: normal;

font-family: Georgia,"Times New Roman",Times,serif;

font-size: 22px;

line-height: 14px;

padding: 15px 10px 5px 0;

color: #111111;

}

h2 {

color: #111111;

font-size: 16px;

margin-top: 0px;

margin-bottom: 5px;

font-weight: normal;

}

p {

margin-top: 0px;

margin-bottom: 20px;

}

a, a:visited, a b {

color: #535353;

text-decoration: none;

cursor: pointer;

}

a:hover {

text-decoration: none;

color: #111111;

}

a img {

border: none;

}

form {

padding: 0;

margin: 0;

display: inline;

}

input[type=text], input[type=password], textarea {

background: #F8F8F8;

border: 1px solid #CCCCCC;

padding: 3px;

margin-left: 0px;

margin-right: 0px;

}

select {

background: #F8F8F8;

border: 1px solid #CCCCCC;

padding: 2px;

}

label {

cursor: pointer;

}

/* layout */

#container {

width: 980px;

margin: 0px auto;

background: #ffffff;

}

#column-left {

float: left;

width: 180px;

padding-left: 40px;

}

#column-right {

float: right;

width: 180px;

padding-right: 40px;

}

#content {

min-height: 400px;

margin-bottom: 25px;

padding-left: 40px;

padding-right: 40px;

}

#column-left + #column-right + #content, #column-left + #content {

margin-left: 215px;

}

#column-right + #content {

margin-right: 215px;

}

/* header */

#header {

height: 100px;

margin-bottom: 7px;

padding-bottom: 4px;

position: relative;

z-index: 99;

background-color: #FFFFFF;

margin-top: 15px;

}

#header #logo {

float:left;

top: 35px;

left: 40px;

}

.switcher {

background: url("../image/dropdown.png") no-repeat scroll 100% 12px white;

border-color: #EDEDED;

border-style: solid;

border-width: 1px;

padding-right: 20px;

position: absolute;

width: 102px;

z-index: 10;

}

.switcher .option {

cursor: pointer;

display: none;

margin-bottom: 0;

margin-left: 0;

margin-top: 0;

padding-bottom: 0;

padding-left: 0;

padding-top: 0;

}

.switcher span.s_selected, .switcher li, .switcher li a {

color: #777777;

display: block;

height: 27px;

line-height: 28px;

text-indent: 9px;

}

.switcher li a{

color: #777777;

text-decoration: none;

}

.switcher li a:hover{

color:#111111;

text-decoration: none;

}

#currency_switcher {

right:248px;

top: 24px;

}

#currency_switcher_language {

right: 369px;

top: 24px;

}

#language_switcher {

top: 24px;

right:236px;

}

.switcher img {

display: inline;

margin: -2px 3px 0 0;

vertical-align: middle;

}

#currency_switcher {

right: 226px;

top: 17px;

}

#language {

line-height: 17px;

float:right;

margin-left:15px;

}

#language img {

cursor: pointer;

vertical-align:top;

}

#currency {

line-height: 17px;

float:right;

margin-left:15px;

}

#currency a {

display: inline-block;

padding: 2px 4px;

border: 1px solid #CCC;

text-decoration: none;

margin-right: 2px;

margin-bottom: 2px;

}

#currency a b {

text-decoration: none;

}

.activecart{

display:block !important;

}

#header #cart {

position: absolute;

top: 112px;

right: 43px;

z-index: 99;

min-width: 300px;

}

#header #cart .heading {

float: right;

margin-top: 12px;

padding-left: 14px;

position: relative;

z-index: 99;

}

#header #cart .heading h4 {

color: #535353;

font-size: 15px;

font-weight: bold;

display: inline;

margin-top: 0px;

margin-right: 13px;

}

#header #cart .heading a {

color: #535353;

text-decoration: none;

}

#header #cart .content {

clear: both;

display: none;

position: relative;

top: 8px;

padding: 8px;

min-height: 80px;

border: 1px solid #EAEAEA;

background: #FFFFFF;

z-index: 299;

}

#header #cart.activecart .heading {

padding-bottom: 6px;

}

#header #cart.activecart .content {

display: block;

z-index: 99;

background: #FFFFFF;

}

#header #cart .cart {

border-collapse: collapse;

width: 100%;

margin-bottom: 5px;

z-index: 299;

}

#header #cart .cart td {

color: #000;

vertical-align: top;

padding: 10px 5px;

border-bottom: 1px solid #EEEEEE;

}

#header #cart .cart .image {

width: 1px;

}

#header #cart .cart .image img {

border: 1px solid #EEEEEE;

text-align: left;

}

#header #cart .cart .name small {

color: #666;

}

#header #cart .cart .quantity {

text-align: right;

}

#header #cart .cart td.total {

text-align: right;

}

#header #cart .cart .remove {

text-align: right;

}

#header #cart .cart .remove img {

cursor: pointer;

}

#header #cart table.total {

border-collapse: collapse;

padding: 5px;

float: right;

clear: left;

margin-bottom: 5px;

}

#header #cart table.total td {

color: #000;

}

#header #cart .content .checkout {

text-align: right;

clear: both;

}

#header #cart .empty {

padding-top: 32px;

text-align: center;

color: #777777;

z-index: 99;

}

#search {

position: absolute;

top: 20px;

right: 30px;

z-index: 15;

}

#search .left {

background: url("../image/searchinput.png") no-repeat scroll left center transparent;

border: medium none;

color: #CACACA;

float: left;

height: 17px;

padding: 10px;

width: 135px;

}

#header .button-search {

background: url("../image/searchsubmit.png") no-repeat scroll left center transparent;

border: medium none;

cursor: pointer;

float: left;

height: 37px;

width: 43px;

}

#header #search input {

background: none;

padding: 1px 33px 1px 5px;

width: 142px;

height: 17px;

border: none;

color: #777777!important;

font-size: 12px!important;

}

/* ThemeGlobal.com - OpenCart Templates Club. Unlimited access to all of our themes for only $49. */

#header #welcome {

position: absolute;

top: 67px;

right: 40px;

z-index: 5;

width: 398px;

text-align: right;

color: #777777;

}

#header #welcome a {

text-decoration: none;

color: #535353;

}

#header #welcome a:hover {

color: #111111;

}

#header .links {

position: absolute;

right: 33px;

top: 93px;

font-size: 10px;

padding-right: 10px;

}

#header .links a {

float: left;

display: block;

padding: 0px 0px 0px 7px;

text-decoration: none;

font-size: 12px;

color: #535353;

}

#header .links a + a {

margin-left: 8px;

}

#header .links a:hover {

color: #111111;

}

/* menu */

#menu {

background: url("../image/nav_bg.gif") no-repeat scroll center top transparent;

height: 37px;

margin-bottom: 10px;

margin-top: 10px;

padding: 0px 25px;

}

#menu ul {

list-style: none;

margin: 0;

padding: 0;

}

#menu > ul > li {

position: relative;

float: left;

z-index: 20;

}

#menu > ul > li:hover {

}

#menu > ul > li > a {

font-size: 13px;

color: #FFF;

line-height: 14px;

text-decoration: none;

display: block;

padding: 12px 15px 11px 15px;

z-index: 6;

position: relative;

text-transform: uppercase;

font-family: Verdana,Geneva,sans-serif;

}

#menu > ul > li > a:hover {

color: #111111;

}

#menu > ul > li > div {

display: none;

background: #e87202;

position: absolute;

z-index: 5;

background-color: #EFEFEC;

border-bottom: 1px solid #EBEBEB;

border-left: 1px solid #EBEBEB;

border-right: 1px solid #EBEBEB;

}

#menu > ul > li:hover > div {

display: table;

}

#menu > ul > li > div > ul {

display: table-cell;

}

#menu > ul > li ul + ul {

padding-left: 20px;

}

#menu > ul > li ul > li > a {

text-decoration: none;

color: #e87202;

display: block;

white-space: nowrap;

min-width: 120px;

}

#menu > ul > li ul > li > a:hover {

background: #F1F1F1;

color: #111111;

}

#menu > ul > li > div > ul > li > a {

color: #535353;

font-size: 10px;

height: auto;

line-height: 30px;

padding-left: 15px;

padding-right: 15px;

text-align: left;

text-transform: uppercase;

font-family: Verdana,Geneva,sans-serif;

}

.breadcrumb {

background-color: #EFEFEC;

border-bottom: 1px solid #E6E6E6;

border-top: 1px solid #E6E6E6;

color: #747474;

height: 34px;

font-style: italic;

padding-left: 40px;

line-height: 33px;

}

.success, .warning, .attention, .information {

padding: 10px 10px 10px 61px;

color: #777777;

}

.success {

background: #EFEFEC url('../image/success.png') 38px center no-repeat;

border: 1px solid #E6E6E6;

margin-bottom: 15px;

}

.warning {

background: #EFEFEC url('../image/warning.png') 38px center no-repeat;

border: 1px solid #E6E6E6;

margin-bottom: 15px;

}

.attention {

background: #EFEFEC url('../image/attention.png') 38px center no-repeat;

border: 1px solid #E6E6E6;

margin-bottom: 15px;

}

.success .close, .warning .close, .attention .close, .information .close {

float: right;

padding-top: 4px;

padding-right: 32px;

cursor: pointer;

}

.required {

color: #FF0000;

font-weight: bold;

}

.error {

display: block;

color: #FF0000;

}

.help {

color: #999;

font-size: 10px;

font-weight: normal;

font-family: Verdana, Geneva, sans-serif;

display: block;

}

table.form {

width: 100%;

border-collapse: collapse;

margin-bottom: 20px;

}

table.form tr td:first-child {

width: 150px;

}

table.form > * > * > td {

color: #000000;

}

table.form td {

padding: 4px;

}

input.large-field, select.large-field {

width: 300px;

}

table.list {

border-collapse: collapse;

width: 100%;

border-top: 1px solid #DDDDDD;

border-left: 1px solid #DDDDDD;

margin-bottom: 20px;

}

table.list td {

border-right: 1px solid #DDDDDD;

border-bottom: 1px solid #DDDDDD;

}

table.list thead td {

background-color: #EFEFEF;

padding: 0px 5px;

}

table.list thead td a, .list thead td {

text-decoration: none;

color: #222222;

font-weight: bold;

}

table.list tbody td a {

text-decoration: underline;

}

table.list tbody td {

vertical-align: top;

padding: 0px 5px;

}

table.list .left {

text-align: left;

padding: 7px;

}

table.list .right {

text-align: right;

padding: 7px;

}

table.list .center {

text-align: center;

padding: 7px;

}

.pagination {

border-top: 1px solid #EEEEEE;

padding-top: 8px;

display: inline-block;

width: 100%;

margin-bottom: 10px;

}

.pagination .links {

float: left;

}

.pagination .links a {

display: inline-block;

border: 1px solid #EEEEEE;

padding: 4px 10px;

text-decoration: none;

color: #A3A3A3;

}

.pagination .links b {

display: inline-block;

border: 1px solid #269BC6;

padding: 4px 10px;

font-weight: normal;

text-decoration: none;

color: #269BC6;

background: #FFFFFF;

}

.pagination .results {

float: right;

padding-top: 3px;

}

/* button */

a.button {

display: inline-block;

padding-left: 6px;

background: url('../image/button-left.png') top left no-repeat;

text-decoration: none;

cursor: pointer;

}

a.button span {

color: #FFFFFF;

display: inline-block;

background: url('../image/button-right.png') top right no-repeat;

font-size: 12px;

letter-spacing: 1px;

line-height: 14px;

padding: 7px 12px 8px 9px;

text-transform: lowercase;

}

a.button:hover {

background: url('../image/button-left-active.png') top left no-repeat;

}

/* ThemeGlobal.com - OpenCart Templates Club. Unlimited access to all of our themes for only $49. */

a.button:hover span {

color: #FFFFFF;

background: url('../image/button-right-active.png') top right no-repeat;

}

.buttons {

background: #FFFFFF;

overflow: auto;

padding: 6px;

margin-bottom: 20px;

}

.buttons .left {

float: left;

text-align: left;

}

.buttons .right {

float: right;

text-align: right;

}

.buttons .center {

text-align: center;

margin-left: auto;

margin-right: auto;

}

.htabs {

border-bottom: 5px solid #EFEFEC;

height: 30px;

line-height: 16px;

margin-right: 3px;

}

.htabs a {

border-left: 1px solid #EFEFEC;

border-right: 1px solid #EFEFEC;

border-top: 1px solid #EFEFEC;

float: left;

font-family: Arial,Helvetica,sans-serif;

font-size: 13px;

font-weight: bold;

margin-right: 2px;

padding: 7px 15px 6px;

text-align: center;

text-decoration: none;

}

.htabs a.selected {

background: none repeat scroll 0 0 #EFEFEC;

padding-bottom: 7px;

}

.tab-content {

border-bottom: 1px solid #EFEFEC;

line-height: 22px;

margin-bottom: 20px;

overflow: hide;

padding-bottom: 10px;

padding-top: 10px;

z-index: 2;

margin-right: 20px;

margin-top: 10px;

}

/* box */

.box {

}

.box .box-heading {

padding: 15px 10px 15px 0px;

font-family: Georgia,"Times New Roman",Times,serif;

font-size: 22px;

line-height: 14px;

color: #111111;

}

/* ThemeGlobal.com - OpenCart Templates Club. Unlimited access to all of our themes for only $49. */

.box .box-content {

background: #FFFFFF;

padding: 10px;

padding-top: 0px;

padding-left: 0px;

padding-right: 0px;

}

/* box products */

.box-product {

width: 110%;

}

.box-product > div {

width: 160px;

display: inline-block;

vertical-align: top;

margin-right: 21px;

margin-bottom: 25px;

text-align: center;

}

.box-product .image {

display: block;

margin-bottom: 0px;

background: url("../image/prheading.png") no-repeat scroll center bottom transparent;

padding: 0 0 10px;

}

.box-product .image img {

border: 1px solid #eaeaea;

background: url("../image/loader_for_light.gif") no-repeat scroll 50% 50%;

display: block;

position: relative;

}

.box-product .image img:hover {

opacity: 0.8;

}

.box-product .name a {

font-size: 13px;

text-decoration: none;

display: block;

margin-bottom: 5px;

text-align: center;

color: #e87202;

}

.box-product .name a:hover {

color: #373737;

}

.box-product .price {

color: #000;

display: block;

font-size: 12px;

font-weight: bold;

margin-bottom: 4px;

text-align: center;

}

.box-product .price-old {

color: #F00;

text-decoration: line-through;

}

.box-product .price-new {

font-weight: bold;

}

.box-product .rating {

display: block;

margin-bottom: 4px;

}

/* box for column left and right*/

.box-left {

float: left;

}

.box-left .box-heading {

color: #111111;

font-family: Georgia,"Times New Roman",Times,serif;

font-size: 22px;

line-height: 14px;

padding: 15px 10px 15px 0;

}

.box-left .box-content {

padding: 10px;

list-style: none;

margin: 0;

padding: 0;

margin-bottom: 15px;

}

/* box products for column left and right */

.box-left .box-product-left {

width: 100%;

overflow: hide;

padding: 10px 0px 0;

float: left;

padding-bottom: 25px;

}

.box-left .box-product-left > div {

width: 180px;

float: left;

margin-bottom: 5px;

}

.box-left .box-product-left .image {

float: left;

border: 1px solid #EAEAEA;

display: inline-block;

outline: medium none;

margin-right: 10px;

}

.box-left .box-product-left .image:hover {

opacity: 0.8;

}

.box-left .box-product-left .image img {

padding: 2px;

float: left;

background: #FFFFFF;

}

.box-left .box-product-left .name {

margin-top: 10px;

}

.box-left .box-product-left .name a {

text-decoration: none;

margin-bottom: 4px;

}

.box-left .box-product-left .name a:hover {

}

.box-left .box-product-left .price {

float: left;

color: #555555;

margin-bottom: 4px;

}

.box-left .box-product-left .price-old {

color: #F00;

text-decoration: line-through;

}

.box-left .box-product-left .price-new {

font-weight: bold;

}

.box-left .box-product-left .rating {

display: block;

margin-bottom: 4px;

}

/* box category */

.box-category {

margin-top: -5px;

}

.box-category ul {

list-style: none;

margin: 0;

padding: 0;

}

.box-category > ul > li {

padding: 8px 8px 8px 0px;

}

.box-category > ul > li + li {

border-top: 1px solid #EEEEEE;

}

.box-category > ul > li > a {

text-decoration: none;

}

.box-category > ul > li ul {

display: none;

}

.box-category > ul > li a.active {

font-weight: bold;

}

.box-category > ul > li a.active + ul {

display: block;

}

.box-category > ul > li ul > li {

padding: 5px 5px 0px 10px;

}

.box-category > ul > li ul > li > a {

text-decoration: none;

display: block;

}

.box-category > ul > li ul > li > a.active {

font-weight: bold;

}

/* content */

#content .content {

padding: 10px;

overflow: auto;

margin-bottom: 20px;

}

#content .content .left {

float: left;

width: 49%;

}

#content .content .right {

float: right;

width: 49%;

}

/* category */

.category-info {

overflow: auto;

margin-bottom: 20px;

}

.category-info .image {

float: left;

margin-right: 15px;

border: 1px solid #E7E7E7;

}

.category-list {

overflow: auto;

margin-bottom: 20px;

}

.category-list ul {

float: left;

width: 18%;

list-style: none outside none;

}

.category-list .div a {

text-decoration: underline;

font-weight: bold;

}

/* ThemeGlobal.com - OpenCart Templates Club. Unlimited access to all of our themes for only $49. */

/* manufacturer */

.manufacturer-list {

border: 1px solid #DBDEE1;

padding: 5px;

overflow: auto;

margin-bottom: 20px;

}

.manufacturer-heading {

background: #F8F8F8;

font-size: 15px;

font-weight: bold;

padding: 5px 8px;

margin-bottom: 6px;

}

.manufacturer-content {

padding: 8px;

}

.manufacturer-list ul {

float: left;

width: 25%;

margin: 0;

padding: 0;

list-style: none;

margin-bottom: 10px;

}

/* product */

.product-filter {

border-bottom: 1px solid #EEEEEE;

padding-bottom: 5px;

overflow: auto;

}

.product-filter .display {

margin-right: 15px;

float: left;

padding-top: 4px;

color: #333;

}

.product-filter .display a {

font-weight: bold;

}

.product-filter .sort {

float: right;

color: #333;

}

.product-filter .limit {

margin-left: 15px;

float: right;

color: #333;

}

.product-compare {

padding-top: 6px;

margin-bottom: 25px;

font-weight: bold;

}

.product-compare a {

text-decoration: none;

font-weight: bold;

}

.product-list > div {

overflow: auto;

margin-bottom: 15px;

}

.product-list .right {

float: right;

margin-left: 15px;

}

.product-list > div + div {

padding-top: 16px;

}

.product-list .image {

float: left;

margin-right: 10px;

background: url("../image/grheading.png") no-repeat scroll center bottom transparent;

display: block;

margin-bottom: 0;

padding: 0 0 9px;

}

.product-list .image img {

background: url("../image/loader_for_light.gif") no-repeat scroll 50% 50% #FEFEFE;

border: 1px solid #EAEAEA;

display: block;

position: relative;

}

.product-list .name {

margin-bottom: 3px;

}

.product-list .name a {

font-weight: bold;

text-decoration: none;

}

.product-list .description {

line-height: 15px;

margin-bottom: 5px;

color: #4D4D4D;

}

.product-list .rating {

color: #7B7B7B;

}

.product-list .price {

float: right;

height: 50px;

margin-left: 8px;

text-align: right;

color: #555555;

font-size: 14px;

}

.product-list .price-old {

color: #F00;

text-decoration: line-through;

}

.product-list .price-new {

}

.product-list .price-tax {

font-size: 12px;

font-weight: normal;

color: #BBBBBB;

}

.product-list .cart {

margin-bottom: 3px;

}

.product-list .wishlist, .product-list .compare {

margin-bottom: 3px;

}

.product-list .wishlist a {

text-decoration: none;

display: block;

text-align: center;

}

.product-list .compare a {

text-decoration: none;

display: block;

text-align: center;

}

.product-grid {

width: 103%;

overflow: auto;

}

.product-grid > div {

display: inline-block;

margin-bottom: 15px;

margin-right: 10px;

text-align: center;

vertical-align: top;

width: 160px;

}

#column-left + #column-right + #content .product-grid > div {

width: 125px;

}

.product-grid .image {

background: url("../image/grheading.png") no-repeat scroll center bottom transparent;

display: block;

margin-bottom: 0;

padding: 0 0 9px;

}

.product-grid .image img {

background: url("../image/loader_for_light.gif") no-repeat scroll 50% 50% #FEFEFE;

border: 1px solid #EAEAEA;

display: block;

position: relative;

}

.product-grid .name a {

display: block;

font-size: 14px;

margin-bottom: 5px;

text-align: center;

text-decoration: none;

}

.product-grid .description {

display: none;

}

.product-grid .rating {

display: block;

margin-bottom: 4px;

}

.product-grid .price {

color: #555555;

display: block;

font-size: 14px;

margin-bottom: 10px;

text-align: center;

}

.product-grid .price-old {

color: #F00;

text-decoration: line-through;

}

.product-grid .price-new {

}

.product-grid .price .price-tax {

display: none;

}

.product-grid .cart {

margin-bottom: 5px;

}

.product-grid .wishlist, .product-grid .compare {

margin-bottom: 3px;

}

.product-grid .wishlist a {

text-decoration: none;

display: block;

}

.product-grid .wishlist a {

text-decoration: none;

display: block;

}

/* Product */

.product-info {

overflow: auto;

margin-bottom: 20px;

}

.product-info > .left {

float: left;

margin-right: 15px;

}

.product-info > .left + .right {

border: 1px solid #EFEFEC;

margin-left: 298px;

margin-top: 20px;

margin-right: 3px;

}

.product-info .image {

float: left;

margin-top: 20px;

margin-bottom: 20px;

padding: 10px;

text-align: center;

}

.product-info .image-additional {

width: 260px;

margin-left: -10px;

clear: both;

overflow: hidden;

}

.product-info .image-additional img {

}

.product-info .image-additional a {

float: left;

display: block;

margin-left: 10px;

margin-bottom: 10px;

}

.product-info .description {

border-bottom: 1px solid #EFEFEC;

padding: 15px 5px 10px 5px;

margin-bottom: 10px;

line-height: 20px;

color: #191919;

margin-left: 20px;

margin-right: 20px;

}

.product-info .description span {

color: #191919;

}

.product-info .price {

overflow: auto;

border-bottom: 1px solid #EFEFEC;

padding: 0px 5px 10px 5px;

margin-bottom: 10px;

font-size: 15px;

font-weight: bold;

color: #555555;

margin-left: 20px;

margin-right: 20px;

}

.product-info .price-old {

color: #F00;

text-decoration: line-through;

}

.product-info .price-new {

}

.product-info .price-tax {

font-size: 12px;

font-weight: normal;

color: #999;

}

.product-info .price .reward {

font-size: 12px;

font-weight: normal;

color: #999;

}

.product-info .price .discount {

font-weight: normal;

font-size: 12px;

color: #4D4D4D;

}

.product-info .options {

border-bottom: 1px solid #EFEFEC;

padding: 0px 5px 10px 5px;

margin-bottom: 10px;

color: #191919;

margin-left: 20px;

}

.product-info .cart {

border-bottom: 1px solid #EFEFEC;

padding: 0px 5px 10px 5px;

color: #191919;

overflow: auto;

margin-left: 20px;

}

.product-info .cart div {

float: left;

vertical-align: middle;

color: #191919;

}

.product-info .cart div > span {

padding-top: 7px;

display: block;

color: #999;

}

.product-info .cart .minimum {

padding-top: 5px;

font-size: 11px;

color: #999;

clear: both;

}

.product-info .review {

background: none repeat scroll 0 0 #EFEFEC;

border-radius: 0 0 5px 5px;

}

.product-info .review > div {

padding: 8px;

border-bottom: 1px solid #EFEFEC;

line-height: 20px;

}

.product-info .review > div > span {

color: #38B0E3;

}

.product-info .review .share {

overflow: auto;

line-height: normal;

}

.product-info .review .share a {

text-decoration: none;

}

.attribute {

border-collapse: collapse;

width: 100%;

border-top: 1px solid #DDDDDD;

border-left: 1px solid #DDDDDD;

margin-bottom: 20px;

}

.attribute thead td, .attribute thead tr td:first-child {

color: #000000;

font-size: 14px;

font-weight: bold;

background: #F7F7F7;

text-align: left;

}

.attribute tr td:first-child {

color: #000000;

font-weight: bold;

text-align: right;

width: 20%;

}

.attribute td {

padding: 7px;

color: #4D4D4D;

text-align: center;

vertical-align: top;

border-right: 1px solid #DDDDDD;

border-bottom: 1px solid #DDDDDD;

}

.compare-info {

border-collapse: collapse;

width: 100%;

border-top: 1px solid #DDDDDD;

border-left: 1px solid #DDDDDD;

margin-bottom: 20px;

}

.compare-info thead td, .compare-info thead tr td:first-child {

color: #000000;

font-size: 14px;

font-weight: bold;

background: #F7F7F7;

text-align: left;

}

.compare-info tr td:first-child {

color: #000000;

font-weight: bold;

text-align: right;

}

.compare-info td {

padding: 7px;

width: 20%;

color: #4D4D4D;

text-align: center;

vertical-align: top;

border-right: 1px solid #DDDDDD;

border-bottom: 1px solid #DDDDDD;

}

.compare-info .name a {

font-weight: bold;

}

.compare-info .price-old {

font-weight: bold;

color: #F00;

text-decoration: line-through;

}

.compare-info .price-new {

font-weight: bold;

}

/* wishlist */

.wishlist-product table {

width: 100%;

border-collapse: collapse;

border-top: 1px solid #DDDDDD;

border-left: 1px solid #DDDDDD;

border-right: 1px solid #DDDDDD;

margin-bottom: 20px;

}

.wishlist-product td {

padding: 7px;

}

.wishlist-product thead td {

color: #4D4D4D;

font-weight: bold;

background-color: #F7F7F7;

border-bottom: 1px solid #DDDDDD;

}

.wishlist-product thead .remove, .wishlist-product thead .image, .wishlist-product thead .cart {

text-align: center;

}

.wishlist-product thead .name, .wishlist-product thead .model, .wishlist-product thead .stock {

text-align: left;

}

.wishlist-product thead .quantity, .wishlist-product thead .price, .wishlist-product thead .total {

text-align: right;

}

.wishlist-product tbody td {

vertical-align: top;

border-bottom: 1px solid #DDDDDD;

}

.wishlist-product tbody .remove {

vertical-align: middle;

}

.wishlist-product tbody .remove, .wishlist-product tbody .image, .wishlist-product tbody .cart {

text-align: center;

}

.wishlist-product tbody .name, .wishlist-product tbody .model, .wishlist-product tbody .stock {

text-align: left;

}

.wishlist-product tbody .quantity, .wishlist-product tbody .price, .wishlist-product tbody .total {

text-align: right;

}

.wishlist-product tbody .price s {

color: #F00;

}

.login-content {

margin-bottom: 20px;

overflow: auto;

}

.login-content .left {

float: left;

width: 48%;

}

.login-content .right {

float: right;

width: 48%

}

.login-content .left .content, .login-content .right .content {

min-height: 190px;

}

/* orders */

.order-list {

margin-bottom: 10px;

}

.order-list .order-id {

width: 49%;

float: left;

margin-bottom: 2px;

}

.order-list .order-status {

width: 49%;

float: right;

text-align: right;

margin-bottom: 2px;

}

.order-list .order-content {

padding: 10px 0px;

display: inline-block;

width: 100%;

margin-bottom: 20px;

border-top: 1px solid #EEEEEE;

border-bottom: 1px solid #EEEEEE;

}

.order-list .order-content div {

float: left;

width: 33.3%;

}

.order-list .order-info {

text-align: right;

}

.order-detail {

background: #EFEFEF;

font-weight: bold;

}

/* returns */

.return-list {

margin-bottom: 10px;

}

.return-list .return-id {

width: 49%;

float: left;

margin-bottom: 2px;

}

.return-list .return-status {

width: 49%;

float: right;

text-align: right;

margin-bottom: 2px;

}

.return-list .return-content {

padding: 10px 0px;

display: inline-block;

width: 100%;

margin-bottom: 20px;

border-top: 1px solid #EEEEEE;

border-bottom: 1px solid #EEEEEE;

}

.return-list .return-content div {

float: left;

width: 33.3%;

}

.return-list .return-info {

text-align: right;

}

.return-product {

overflow: auto;

margin-bottom: 20px;

}

.return-name {

float: left;

width: 33.3%;

}

.return-model {

float: left;

width: 33.3%;

}

.return-quantity {

float: left;

width: 33.3%;

}

.return-detail {

overflow: auto;

margin-bottom: 20px;

}

.return-reason {

float: left;

width: 33.3%;

}

.return-opened {

float: left;

width: 33.3%;

}

.return-opened textarea {

width: 98%;

vertical-align: top;

}

.return-remove {

float: left;

width: 33.3%;

padding-top: 90px;

text-align: center;

vertical-align: middle;

}

.return-additional {

overflow: auto;

margin-bottom: 20px;

}

.return-comment {

float: left;

width: 49%;

}

.return-captcha {

width: 49%;

}

.download-list {

margin-bottom: 10px;

}

.download-list .download-id {

width: 49%;

float: left;

margin-bottom: 2px;

}

.download-list .download-status {

width: 49%;

float: right;

text-align: right;

margin-bottom: 2px;

}

.download-list .download-content {

padding: 10px 0px;

display: inline-block;

width: 100%;

margin-bottom: 20px;

border-top: 1px solid #EEEEEE;

border-bottom: 1px solid #EEEEEE;

}

.download-list .download-content div {

float: left;

width: 33.3%;

}

.download-list .download-info {

text-align: right;

}

/* cart */

.cart-info table {

width: 100%;

margin-bottom: 20px;

border-collapse: collapse;

border-top: 1px solid #DDDDDD;

border-left: 1px solid #DDDDDD;

border-right: 1px solid #DDDDDD;

}

.cart-info td {

padding: 7px;

}

.cart-info thead td {

color: #4D4D4D;

font-weight: bold;

background-color: #F7F7F7;

border-bottom: 1px solid #DDDDDD;

}

.cart-info thead .remove, .cart-info thead .image {

text-align: center;

}

.cart-info thead .name, .cart-info thead .model {

text-align: left;

}

.cart-info thead .quantity, .cart-info thead .price, .cart-info thead .total {

text-align: right;

}

.cart-info tbody td {

vertical-align: top;

border-bottom: 1px solid #DDDDDD;

}

.cart-info tbody .remove {

vertical-align: middle;

}

.cart-info tbody .remove, .cart-info tbody .image {

text-align: center;

}

.cart-info tbody .name, .cart-info tbody .model {

text-align: left;

}

.cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total {

text-align: right;

}

.cart-info tbody span.stock {

color: #F00;

font-weight: bold;

}

.cart-module .cart-heading {

border: 1px solid #DBDEE1;

padding: 8px 8px 8px 22px;

font-weight: bold;

font-size: 13px;

color: #555555;

margin-bottom: 15px;

cursor: pointer;

background: #F8F8F8 url('../image/arrow-right.png') 10px 50% no-repeat;

}

.cart-module .active {

background: #F8F8F8 url('../image/arrow-down.png') 7px 50% no-repeat;

}

.cart-module .cart-content {

padding: 0px 0px 15px 0px;

display: none;

overflow: auto;

}

.cart-total {

border-top: 1px solid #DDDDDD;

overflow: auto;

padding-top: 8px;

margin-bottom: 15px;

}

.cart-total table {

float: right;

}

.cart-total td {

padding: 3px;

text-align: right;

}

/* checkout */

.checkout-heading {

background: #F8F8F8;

border: 1px solid #DBDEE1;

padding: 8px;

font-weight: bold;

font-size: 13px;

color: #555555;

margin-bottom: 15px;

}

.checkout-heading a {

float: right;

margin-top: 1px;

font-weight: normal;

text-decoration: none;

}

.checkout-content {

padding: 0px 0px 15px 0px;

display: none;

overflow: auto;

}

.checkout-content .left {

float: left;

width: 48%;

}

.checkout-content .right {

float: right;

width: 48%;

}

.checkout-content .buttons {

clear: both;

}

.checkout-product table {

width: 100%;

border-collapse: collapse;

border-top: 1px solid #DDDDDD;

border-left: 1px solid #DDDDDD;

border-right: 1px solid #DDDDDD;

margin-bottom: 20px;

}

.checkout-product td {

padding: 7px;

}

.checkout-product thead td {

color: #4D4D4D;

font-weight: bold;

background-color: #F7F7F7;

border-bottom: 1px solid #DDDDDD;

}

.checkout-product thead .name, .checkout-product thead .model {

text-align: left;

}

.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {

text-align: right;

}

.checkout-product tbody td {

vertical-align: top;

border-bottom: 1px solid #DDDDDD;

}

.checkout-product tbody .name, .checkout-product tbody .model {

text-align: left;

}

.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {

text-align: right;

}

.checkout-product tfoot td {

text-align: right;

border-bottom: 1px solid #DDDDDD;

}

.contact-info {

overflow: auto;

}

.contact-info .left {

float: left;

width: 48%;

}

.contact-info .right {

float: left;

width: 48%;

}

.sitemap-info {

overflow: auto;

margin-bottom: 40px;

}

.sitemap-info .left {

float: left;

width: 48%;

}

.sitemap-info .right {

float: left;

width: 48%;

}

/* footer */

#footer {

clear: both;

overflow: auto;

min-height: 100px;

padding: 20px;

background-color: #EFEFEC;

border-top: 1px solid #E6E6E6;

padding-left: 40px;

padding-right: 40px;

}

#footer h3 {

color: #000000;

font-size: 14px;

margin-top: 0px;

margin-bottom: 8px;

color: #575757;

font-family: Verdana,Geneva,sans-serif;

font-size: 12px;

font-style: normal;

font-weight: bold;

margin-top: 0;

text-transform: uppercase;

}

#footer .column {

float: left;

width: 25%;

min-height: 100px;

list-style: none;

}

#footer .column ul {

margin-top: 0px;

padding-left: 0px;

list-style: none;

}

#footer .column ul li {

margin-bottom: 3px;

}

#footer .column ul li a{

margin-bottom: 3px;

color: #848484;

font-family: Georgia,"Times New Roman",Times,serif;

font-size: 14px;

font-style: italic;

line-height: 1.5em;

}

#footer .column ul li a:hover{

margin-bottom: 3px;

color: #999999;

text-decoration: none;

}

#footer .column a {

text-decoration: none;

color: #000;

}

#footer .column a:hover {

text-decoration: underline;

}

#powered {

text-align: left;

clear: both;

margin-bottom: 15px;

background-color: #FFF;

float: left;

height: 62px;

width: 100%;

}

#poweredtext {

float: left;

height: 62px;

width: 100%;

color: #000;

font-family: Georgia,"Times New Roman",Times,serif;

font-size: 13px;

font-style: italic;

margin-left: 40px;

margin-top: 16px;

}

#poweredtext a {

color: #000;

text-decoration: none;

}

#poweredtext a:hover {

text-decoration: underline;

}

#paymentimage {

float: right;

margin-top: -63px;

margin-right: 40px;

}

#powered a {

color: #000;

text-decoration: none;

}

/* banner */

.banner div {

text-align: center;

width: 100%;

}

.banner div img {

margin-bottom: 20px;

}

#top {

position:relative;

z-index:4;

margin: 0px auto;

height: 450px;

padding: 0;

width: 980px;

}

/* NIVO SLIDER AREA */

#slider {

background:url(image/loader.gif) 50% 52% no-repeat;

list-style:none;

border-bottom: 2px solid #2888BF;

border-top: 4px solid #2888BF;

height: 344px;

margin: 0 auto;

padding: 0;

width: 960px;

}

.nivoSlider {

position: relative;

}

.nivoSlider img {

position:absolute;

top:0px;

left:0px;

display: none;

}

#tg_slideshow0 {

}

/* ThemeGlobal.com - OpenCart Templates Club. Unlimited access to all of our themes for only $49. */

/* If an image is wrapped in a link */

.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;

}

/* The slices and boxes in the Slider */

.nivo-slice {

display:block;

position:absolute;

z-index:5;

height:100%;

}

.nivo-box {

display:block;

position:absolute;

z-index:5;

}

/* Caption styles */

.nivo-caption {

position:absolute;

left:0px;

bottom:0px;

background:#000;

color:#fff;

opacity:0.8; /* Overridden by captionOpacity setting */

width:100%;

z-index:8;

}

.nivo-caption p {

padding:5px;

margin:0;

}

.nivo-caption a {

display:inline !important;

}

.nivo-html-caption {

display:none;

}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {

position:absolute;

top:45%;

z-index:9;

cursor:pointer;

}

.nivo-prevNav {

left:0px;

}

.nivo-nextNav {

right:0px;

}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a {

position:relative;

z-index:9;

cursor:pointer;

}

.nivo-controlNav a.active {

font-weight:bold;

}

/* slider theme */

.slideshow {

margin-bottom: 30px;

position: relative;

background: url('../image/loader.gif') 50% 42% no-repeat;

float: left;

margin-left: -40px;

}

.slideshow a {

border: 0;

display: block;

}

.nivo-controlNav {

position: absolute;

right: 10px;

text-align: center;

z-index: 99;

}

.nivo-controlNav a {

vertical-align: top;

display: block;

width: 22px;

height: 22px;

background: url('../image/bullets.png') no-repeat;

text-indent:-9999px;

border:0;

margin-right:3px;

float:left;

}

.nivo-controlNav a.active {

background-position:0 -22px;

}

.nivo-directionNav a {

display:block;

width:30px;

height:30px;

background:url('../image/arrows.png') no-repeat;

text-indent:-9999px;

border:0;

}

a.nivo-nextNav {

background-position:-30px 0;

right:15px;

}

a.nivo-prevNav {

left:15px;

}

.nivo-caption {

text-shadow:none;

font-family: Helvetica, Arial, sans-serif;

}

.nivo-caption a {

color:#efe9d1;

text-decoration:underline;

}

.controlnav-thumbs {

float: left;

}

.controlnav-thumbs .nivoSlider {

margin-bottom:55px; /* Tweak this to push content down */

}

.controlnav-thumbs .nivo-controlNav {

position:absolute;

left: 0px;

right: 0px;

bottom:-99px; /* Tweak this to push thumbnails down */

margin:0;

text-align: center;

padding:10px;

margin-bottom: 32px;

}

.controlnav-thumbs .nivo-controlNav a {

display:inline;

background:none;

text-indent:0px;

border:0;

margin-right:10px;

float:none;

}

.controlnav-thumbs .nivo-controlNav a.active img {

opacity: 1;

}

.controlnav-thumbs .nivo-controlNav img {

display:inline;

position:relative;

cursor:pointer;

border: 1px solid #D9D9D9;

padding: 1px;

opacity: 0.5;

}

.controlnav-thumbs .nivo-controlNav img:hover {

opacity: 1;

}

/* ThemeGlobal.com - OpenCart Templates Club. Unlimited access to all of our themes for only $49. */

вот header.tpl

<?php if (isset($_SERVER['HTTP_USER_AGENT']) && !strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6')) echo '<?xml version="1.0" encoding="UTF-8"?>'. "\n"; ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<?php if ($description) { ?>

<?php } ?>

<?php if ($keywords) { ?>

<?php } ?>

<?php if ($icon) { ?>

<?php } ?>

<?php foreach ($links as $link) { ?>

<?php } ?>

<?php foreach ($styles as $style) { ?>

<?php } ?>

<?php foreach ($scripts as $script) { ?>

<?php } ?>

<!--[if IE 7]>

<![endif]-->

<!--[if lt IE 7]>

DD_belatedPNG.fix('#logo img');

</script>

<![endif]-->

<?php echo $google_analytics; ?>

</head>

<body>

<?php if ($logo) { ?>

<div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>

<?php } ?>

<!-- <?php if (count($languages) > 1) { ?>

<form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data">

<?php foreach ($languages as $language) { ?>

<img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" title="<?php echo $language['name']; ?>" onclick="$('input[name=\'language_code\']').attr('value', '<?php echo $language['code']; ?>').submit(); $(this).parent().parent().submit();" />

<?php } ?>

</div>

</form>

<?php } ?>-->

<?php if (count($languages) > 1) { ?>

<form action="<?php echo str_replace('&', '&', $action); ?>" method="post" enctype="multipart/form-data" id="language_form">

<?php foreach ($languages as $language) { ?>

<?php if ($language['code'] == $language_code) { ?>

<?php } ?>

<?php foreach ($languages as $language) { ?>

<a onclick="$('input[name=\'language_code\']').attr('value', '<?php echo $language['code']; ?>'); $('#language_form').submit();"><img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" /> <?php echo $language['name']; ?></a>

<?php } ?>

</div>

<div>

</div>

</form>

<?php } ?>

<?php if (count($currencies) > 1) { ?>

<form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data">

<?php foreach ($currencies as $currency) { ?>

<?php if ($currency['code'] == $currency_code) { ?>

<?php if ($currency['symbol_left']) { ?>

<?php } else { ?>

<?php } ?>

<?php } else { ?>

<?php if ($currency['symbol_left']) { ?>

<a title="<?php echo $currency['title']; ?>" onclick="$('input[name=\'currency_code\']').attr('value', '<?php echo $currency['code']; ?>').submit(); $(this).parent().parent().submit();"><?php echo $currency['symbol_left']; ?></a>

<?php } else { ?>

<a title="<?php echo $currency['title']; ?>" onclick="$('input[name=\'currency_code\']').attr('value', '<?php echo $currency['code']; ?>').submit(); $(this).parent().parent().submit();"><?php echo $currency['symbol_right']; ?></a>

<?php } ?>

</div>

</form>

<?php } ?>

</div>

<?php if ($filter_name) { ?>

<?php } else { ?>

<input type="text" name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />

<?php } ?>

</div>

<?php if (!$logged) { ?>

<?php echo $text_welcome; ?>

<?php } else { ?>

<?php echo $text_logged; ?>

<?php } ?>

</div>

<ul>

<li>

</li>

<li>

<a href="<?php echo $wishlist; ?>" id="wishlist_total"><?php echo $text_wishlist; ?></a>

</li><li>

</li><li>

</li><li class="first-link">

</li></ul>

</div>

<?php if ($categories) { ?>

<!-- <ul>

<?php foreach ($categories as $category) { ?>

<?php if ($category['children']) { ?>

<div>

<?php for ($i = 0; $i < count($category['children']);) { ?>

<ul>

<?php $j = $i + ceil(count($category['children']) / $category['column']); ?>

<?php for (; $i < $j; $i++) { ?>

<?php if (isset($category['children'][$i])) { ?>

<?php } ?>

</ul>

<?php } ?>

</div>

<?php } ?>

</li>

<?php } ?>

</ul>-->

<ul>

<?php foreach ($informations as $information) { ?>

<?php } ?>

</ul>

</div>

<?php } ?>

$('.switcher').bind('click', function() {

$(this).find('.option').slideToggle('fast');

});

$('.switcher').bind('mouseleave', function() {

$(this).find('.option').slideUp('fast');

});

//--></script>

помогите плз буду очень признателен

Вхід

Длинное название категории

Recommended Posts

SNP

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Ваші замовлення

ocStore

Шаблони

OpenCart.Pro

Important Information