Jump to content

Recommended Posts

Народ, добрый вечер!

Задачка надо строку поиска раздвинуть по ширине шапки (логотипа) и сделать логотип на полную длинну!

Может кто помочь?

post-679455-0-03169500-1434640890_thumb.png

Share this post


Link to post
Share on other sites

Ставьте логитип и кидайте ссылку на магазин.

Share this post


Link to post
Share on other sites

Ставьте логитип и кидайте ссылку на магазин.

Да вот картинка и есть, просто хочу где логотип и номера телефонов на всю длину раздвинуть, а поиск убрать под него как раз

Share this post


Link to post
Share on other sites

Моё дело предложить.Ваше или дать ссылку или продолжать писать то,   что и так было понятно в первом сообщении.

Share this post


Link to post
Share on other sites

Моё дело предложить.Ваше или дать ссылку или продолжать писать то,   что и так было понятно в первом сообщении.

Ответил в личку

Share this post


Link to post
Share on other sites

Проблема решена, вот пример кому надо... шаблон осshop default 

Огроменное спасибо OC Team

 

html {
overflow-y: scroll;
margin: 0;
padding: 0;
}
body {
background-color: #ffffff;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
body, td, th, input, textarea, select, a {
font-size: 12px;
}
h1, .welcome {
color: #636E75;
font: Verdana;
margin-top: 0px;
margin-bottom: 20px;
font-size: 32px;
font-weight: normal;
text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}
h2 {
color: #000000;
font-size: 16px;
margin-top: 0px;
margin-bottom: 5px;
}
p {
margin-top: 0px;
margin-bottom: 20px;
}
a, a:visited, a b {
color: #38B0E3;
text-decoration: underline;
cursor: pointer;
}
a:hover {
text-decoration: none;
}
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-left: auto;
margin-right: auto;
text-align: left;
}
#column-left {
float: left;
width: 180px;
}
#column-right {
float: right;
width: 180px;
}
#content {
min-height: 400px;
margin-bottom: 25px;
}
#column-left + #column-right + #content, #column-left + #content {
margin-left: 195px;
}
#column-right + #content {
margin-right: 195px;
}
/* header */
#top {
height: 30px;
border-top: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
background: #F8F8F8;
}

#header {
height: 120px;
margin-bottom: 7px;
padding-bottom: 4px;
position: relative;
z-index: 99;
}
#header #logo {
position: absolute;
top: 33px;
left: 15px;
}
#language {
position: absolute;
top: 59px;
left: 360px;
width: 108px;
color: #999;
line-height: 17px;
}
#language img {
cursor: pointer;
margin-right: 5px;
padding-left:5px;
}
#currency {
width: 120px;
position: absolute;
top: 56px;
left: 500px;
color: #999;
line-height: 17px;
}
#currency a {
display: inline-block;
padding: 2px 4px;
color: #999;
text-decoration: none;
margin-right: 2px;
margin-bottom: 2px;
}
#currency a b {
color: #000;
text-decoration: none;
}
#header #cart {
position: absolute;
top: 0px;
right: 0px;
z-index: 9;
min-width: 300px;
}
#header #cart .heading {
float: right;
margin-right: 2px;
height: 30px;
padding-left: 14px;
padding-right: 14px;
background: url('../image/cart.png') 0% 50% no-repeat;
position: relative;
z-index: 1;
}
#header #cart .heading h4 {
color: #333333;
font-size: 15px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}
#header #cart .heading a {
color: #000;
text-decoration: none;
display: block;
}
#header #cart .heading a span {
background: url('../image/arrow-down.png') 100% 50% no-repeat;
padding-right: 15px;
margin-left:30px;
line-height: 30px;
}
#header #cart .content {
clear: both;
display: none;
position: relative;
top: 2px;
padding: 8px;
min-height: 150px;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-khtml-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
background: #FFF;
}
#header #cart.active .heading {
font-weight:700;
}
#header #cart.active .content {
display: block;
}
.mini-cart-info table {
border-collapse: collapse;
width: 100%;
margin-bottom: 5px;
}
.mini-cart-info td {
color: #000;
vertical-align: top;
padding: 10px 5px;
border-bottom: 1px solid #EEEEEE;
}
.mini-cart-info .image {
width: 1px;
}
.mini-cart-info .image img {
border: 1px solid #EEEEEE;
text-align: left;
}
.mini-cart-info .name small {
color: #666;
}
.mini-cart-info .quantity {
text-align: right;
}
.mini-cart-info td.total {
text-align: right;
}
.mini-cart-info .remove {
text-align: right;
}
.mini-cart-info .remove img {
cursor: pointer;
}
.mini-cart-total {
text-align: right;
}
.mini-cart-total table {
border-collapse: collapse;
display: inline-block;
margin-bottom: 5px;
}
.mini-cart-total td {
color: #000;
padding: 4px;
}
#header #cart .checkout {
text-align: right;
clear: both;
}
#header #cart .empty {
padding-top: 50px;
text-align: center;
}
#header #search {
position: absolute;
top: 97px;
left: 0px;
width: 980px;
z-index: 7;
}
#header .button-search {
position: absolute;
left: 0px;
background: url('../image/button-search.png') center center no-repeat;
width: 28px;
height: 34px;
border-right: 1px solid #1424fd;
cursor: pointer;
}
#header #search input {
background: #FFF;
padding: 1px 1px 1px 33px;
width: 942px;
height: 29px;
border: 1px solid #1424fd;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;

}
#header #welcome {
position: absolute;
top: 7px;
left: 7px;
z-index: 5;
width: 298px;
text-align: left;
color: #999999;
}
#header #welcome a{
color: #000;
}
#header .links {
position: absolute;
left: 290px;
top: 8px;
font-size: 10px;
padding-right: 10px;
z-index:11;
}
#header .links a {
float: left;
display: block;
padding: 0px 0px 0px 7px;
color: #000;
text-decoration: underline;
font-size: 12px;
}
#header .links a:hover {
text-decoration: none;
}
#header .links a + a {
margin-left: 8px;
border-left: 1px solid #CCC;
}
/* menu */
#menu {
background: #585858;
border-bottom: 1px solid #000000;
height: 37px;
margin-bottom: 15px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
padding: 0px 5px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu > ul > li {
position: relative;
float: left;
z-index: 20;
padding: 6px 5px 5px 0px;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
font-size: 13px;
color: #FFF;
line-height: 14px;
text-decoration: none;
display: block;
padding: 6px 10px 6px 10px;
margin-bottom: 5px;
z-index: 6;
position: relative;
}
#menu > ul > li:hover > a, #menu > ul > li > a.active {
background: #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#menu > ul > li > div {
display: none;
background: #FFFFFF;
position: absolute;
z-index: 5;
padding: 5px;
border: 1px solid #000000;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: url('../image/menu.png');
}
#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;
padding: 4px;
color: #FFFFFF;
display: block;
white-space: nowrap;
min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
background: #000000;
}
#menu > ul > li > div > ul > li > a {
color: #FFFFFF;
}
.breadcrumb {
background: url('../image/background.png') repeat-x transparent;
border: 1px solid #DBDEE1;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
color: #CCCCCC;
height: 30px;
line-height: 30px;
margin-bottom: 10px;
padding-left: 10px;
}
.breadcrumb a {
color:#000;
}


.success, .warning, .attention, .information {
padding: 10px 10px 10px 33px;
margin-bottom: 15px;
color: #555555;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.success {
background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
border: 1px solid #BBDF8D;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.warning {
background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
border: 1px solid #F8ACAC;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.attention {
background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
border: 1px solid #F2DD8C;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.success .close, .warning .close, .attention .close, .information .close {
float: right;
padding-top: 4px;
padding-right: 4px;
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 {
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;
}
table.radio {
width: 100%;
border-collapse: collapse;
}
table.radio td {
padding: 5px;
}
table.radio td label {
display: block;
}
table.radio tr td:first-child {
width: 1px;
}
table.radio tr td:first-child input {
margin-top: 1px;
}
table.radio tr.highlight:hover td {
background: #F1FFDD;
cursor: pointer;
}
.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, input.button {
cursor: pointer;
color: #FFFFFF;
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: url('../image/button.png') repeat-x;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
}
a.button {
display: inline-block;
text-decoration: none;
padding: 6px 12px 6px 12px;
}
input.button {
margin: 0;
border: 0;
height: 24px;
padding: 0px 22px 0px 22px;
}
a.button:hover, input.button:hover {
background-position: 0px -24px;
}
.buttons {
background: #FFFFFF;
border: 1px solid #EEEEEE;
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 {
height: 30px;
line-height: 16px;
border-bottom: 1px solid #DDDDDD;
}
.htabs a {
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #FFFFFF url('../image/tab.png') repeat-x;
padding: 7px 15px 6px 15px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #000000;
margin-right: 2px;
display: none;
}
.htabs a.selected {
padding-bottom: 7px;
background: #FFFFFF;
}
.tab-content {
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 10px;
margin-bottom: 20px;
z-index: 2;
overflow: auto;
}
/* box */
.box {
margin-bottom: 20px;
}
.box .box-heading {
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
border: 1px solid #DBDEE1;
background: url('../image/background.png') repeat-x;
padding: 8px 10px 7px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #333;
}
.box .box-content {
background: #FFFFFF;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-khtml-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
border-left: 1px solid #DBDEE1;
border-right: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
padding: 10px;
}
/* box products */
.box-product {
width: 100%;
overflow: auto;
}
.box-product > div {
width: 168px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 20px;
}

#column-left .box-product > div , #column-right .box-product > div{
width: 155px;
margin-right: 0px;
}

#column-left + #column-right + #content .box-product > div {
width: 119px;
}
.box-product .image {
display: block;
margin-bottom: 0px;
}
.box-product .image img {
padding: 3px;
border: 1px solid #E7E7E7;
}
.box-product .name a {
color: #38B0E3;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;
}
.box-product .price {
display: block;
font-weight: bold;
color: #333333;
margin-bottom: 4px;
}
.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 category */
ul.box-category, ul.box-category ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.box-category > li:first-child {
padding: 0px 8px 8px 0px;
}
ul.box-category > li {
padding: 8px 8px 8px 0px;
}
ul.box-category > li + li {
border-top: 1px solid #EEEEEE;
}
ul.box-category > li > a {
text-decoration: none;
color: #333;
}
ul.box-category > li ul {
display: none;
}
ul.box-category > li a.active {
font-weight: bold;
}
ul.box-category > li a.active + ul {
display: block;
}
ul.box-category > li ul > li {
padding: 5px 5px 0px 10px;
}
ul.box-category > li ul > li > a {
text-decoration: none;
display: block;
}
ul.box-category > li ul > li > a.active {
font-weight: bold;
}
/* box filter */
ul.box-filter, ul.box-filter ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.box-filter span {
font-weight: bold;
border-bottom: 1px solid #EEEEEE;
display: block;
padding-bottom: 5px;
margin-bottom: 8px;
}
ul.box-filter > li ul {
padding-bottom: 10px;
}
/* content */
#content .content {
padding: 10px;
overflow: auto;
margin-bottom: 20px;
border: 1px solid #EEEEEE;
}
#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;
padding: 5px;
margin-right: 15px;
border: 1px solid #E7E7E7;
}

.category-list {
overflow: auto;
margin-bottom: 20px;
}
.category-list ul {
padding-left:0px;
}
.category-list ul li {
border: 1px solid #eee;
text-align:center;
float: left;
list-style:none;
line-height:16px;
width:22%;
padding:10px 5px 5px 5px;
margin-bottom:10px;
margin-right:10px;
}
.category-list ul li a{
display: inline;
}
.category-list ul li span{
display:block;
height:30px;
}
.category-list ul li img{}

/* 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 {
background: #F5F5F5;
border-bottom: 1px solid #EEEEEE;
padding: 5px;
overflow: auto;
margin-bottom:25px;
}
.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 {
float:left;
padding-top: 5px;
margin-left: 50px;
font-weight: bold;

}
.product-compare a {
text-decoration: none;
font-weight: bold;
}
.product-list > div {
overflow: auto;
margin-bottom: 15px;
}
.product-list .right {
height: 130px;
float: right;
padding-left: 18px;
border-left: 1px solid #EEEEEE;

}
.product-list > div + div {
border-top: 1px solid #EEEEEE;
padding-top: 16px;
}
.product-list .image {
float: left;
margin-right: 10px;
}
.product-list .image img {
padding: 3px;
border: 1px solid #E7E7E7;
}
.product-list .name {
margin-bottom: 3px;
}
.product-list .name a {
color: #38B0E3;
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: 130px;
margin-left: 8px;
text-align: center;
color: #333333;
font-size: 12px;
border-left: 1px solid #EEEEEE;

}
.product-list .price-old {
color: #F00;
text-decoration: line-through;
}
.product-list .price-new {
font-weight: bold;
}
.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 {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left center no-repeat;
}
.product-list .compare a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left 60% no-repeat;
}
.product-grid {
width: 100%;
overflow: auto;
}
.product-grid > div {
width: 130px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 15px;
}
#column-left + #column-right + #content .product-grid > div {
width: 125px;
}
.product-grid .image {
display: block;
margin-bottom: 0px;
}
.product-grid .image img {
padding: 3px;
border: 1px solid #E7E7E7;
}
.product-grid .name a {
color: #38B0E3;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;
}
.product-grid .description {
display: none;
}
.product-grid .rating {
display: block;
margin-bottom: 4px;
}
.product-grid .price {
display: block;
font-weight: bold;
color: #333333;
margin-bottom: 4px;
}
.product-grid .price-old {
color: #F00;
text-decoration: line-through;
}
.product-grid .price-new {
font-weight: bold;
}
.product-grid .price .price-tax {
display: none;
}
.product-grid .cart {
margin-bottom: 3px;
}
.product-grid .wishlist, .product-grid .compare {
margin-bottom: 3px;
}
.product-grid .wishlist a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left center no-repeat;
}
.product-grid .compare a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left center no-repeat;
}
/* Product */
.product-info {
overflow: auto;
margin-bottom: 20px;
}
.product-info > .left {
float: left;
margin-right: 15px;
}
.product-info > .left + .right {
margin-left: 265px;
}
.product-info .image {
border: 1px solid #E7E7E7;
float: left;
margin-bottom: 20px;
padding: 10px;
text-align: center;
}
.product-info .image-additional {
width: 260px;
;
clear: both;
overflow: hidden;
}
.product-info .image-additional img {
border: 1px solid #E7E7E7;
}
.product-info .image-additional a {
float: left;
display: block;
margin-left: 10px;
margin-bottom: 10px;
}
.product-info .description {
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
padding: 5px 5px 10px 5px;
margin-bottom: 10px;
line-height: 20px;
color: #4D4D4D;
}
.product-info .description span {
color: #38B0E3;
}
.product-info .description a {
color: #4D4D4D;
text-decoration: none;
}
.product-info .price {
overflow: auto;
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 10px;
font-size: 15px;
font-weight: bold;
color: #333333;
}
.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 #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 10px;
color: #000000;
}
.product-info .option-image {
margin-top: 3px;
margin-bottom: 10px;
}
.product-info .option-image label {
display: block;
width: 100%;
height: 100%;
}
.product-info .option-image img {
margin-right: 5px;
border: 1px solid #CCCCCC;
cursor: pointer;
}
.product-info .cart {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 20px;
color: #4D4D4D;
}
.product-info .cart div > span {
color: #999;
}
.product-info .cart .links {
display: inline-block;
vertical-align: middle;
}
.product-info .cart .minimum {
padding-top: 5px;
font-size: 11px;
color: #999;
}
.product-info .review {
color: #4D4D4D;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
margin-bottom: 10px;
}
.product-info .review > div {
padding: 8px;
border-bottom: 1px solid #E7E7E7;
line-height: 20px;
}
.product-info .review > div > span {
color: #38B0E3;
}
.product-info .review .share {
overflow: auto;
line-height: normal;
padding-bottom: 3px;
padding-top: 8px;
}
.product-info .review .share a {
text-decoration: none;
}
.review-list {
padding: 10px;
overflow: auto;
margin-bottom: 20px;
border: 1px solid #EEEEEE;
}
.review-list .author {
float: left;
margin-bottom: 20px;
}
.review-list .rating {
float: right;
margin-bottom: 20px;
}
.review-list .text {
clear: both;
}
.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-info 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-info td {
padding: 7px;
}
.wishlist-info thead td {
color: #4D4D4D;
font-weight: bold;
background-color: #F7F7F7;
border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
text-align: right;
}
.wishlist-info tbody td {
vertical-align: top;
border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image {
text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
text-align: right;
}
.wishlist-info tbody .price s {
color: #F00;
}
.wishlist-info tbody .action img {
cursor: pointer;
}
.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: 31%;
margin-right: 15px;
}
.return-model {
float: left;
width: 31%;
margin-right: 15px;
}
.return-quantity {
float: left;
width: 31%;
}
.return-detail {
overflow: auto;
margin-bottom: 20px;
}
.return-reason {
float: left;
width: 31%;
margin-right: 15px;
}
.return-opened {
float: left;
width: 31%;
margin-right: 15px;
}
.return-opened textarea {
width: 98%;
vertical-align: top;
}
.return-captcha {
float: left;
}
.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: 15px;
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 .image {
text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
text-align: left;
}
.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 .image img {
border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
text-align: left;
}
.cart-info tbody .quantity input[type=image], .cart-info tbody .quantity img {
position: relative;
top: 4px;
cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
text-align: right;
}
.cart-info tbody span.stock {
color: #F00;
font-weight: bold;
}
.cart-module > div {
display: none;
}
.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;
border-top: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
background: #F8F8F8;
}
#footer h3 {
color: #000000;
font-size: 14px;
margin-top: 0px;
margin-bottom: 8px;
}
#footer .column {
float: left;
width: 25%;
min-height: 100px;
}
#footer .column ul {
margin-top: 0px;
margin-left: 8px;
padding-left: 12px;
}
#footer .column ul li {
margin-bottom: 3px;
}
#footer .column a {
text-decoration: none;
color: #000;
}
#footer .column a:hover {
text-decoration: underline;
}
#powered {
margin-top: 5px;
text-align: right;
clear: both;
}
/* banner */
.banner div {
text-align: center;
width: 100%;
display: none;
}
.banner div img {
margin-bottom: 20px;
}

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By magzhan9292
      Модуль для создание живого, красивого, быстрого, удобного поиска на сайте.
       
      Модуль Noticeup Livesearch позволяет моментально выводить результаты прямо в поисковой строке. Модуль создан с помощью тщательно проверенных плагина jquery что является плюсом, зашкаливает кросбраузерность, также имеется кэширование запросов что влияет на быстроту. Модуль использует модификаторы (лёгкая и безопасная установка), что исключает поломку или сбой системы после установки.
       
      Можно
      Выводить фото, наименования, модель, производителей, цен Указать с какого символа начнется поиск элементов Указать количество элементов в поиске Сгруппировывать по производителям Так же легко можно поменять дизайн выводимых элементов по своему вкусу (путь указан в дополнении)  
      Установка
      зайти в Панель управления -> Модули -> Установка расширений установить модуль перейти в Панель управления -> Модули -> Модификаторы обновить и активировать модификатор Активируйте модуль если того требует система Модуль совместим со всеми темами по-умолчанию (при возникновении трудностей с установкой напишите нам и мы обязательно поможем)
       
      Тестировался на версии
      Opencart 3.0.2.0 Opencart 2.3.0.2 Opencart 2.2.0.0 Opencart 2.1.0.1 Opencart 2.0.1.0 Ocstore 2.3.0.2  
      Любые идеи для улучшения модуля приветствуется
      Обсуждения проекта находиться здесь
       
      Помочь проекту https://github.com/Yeleup/Noticeup-Livesearch
       
    • By magzhan9292
      Скачать/Купить дополнение


      Noticeup Livesearch/Живой поиск
      Модуль для создание живого, красивого, быстрого, удобного поиска на сайте.
       
      Модуль Noticeup Livesearch позволяет моментально выводить результаты прямо в поисковой строке. Модуль создан с помощью тщательно проверенных плагина jquery что является плюсом, зашкаливает кросбраузерность, также имеется кэширование запросов что влияет на быстроту. Модуль использует модификаторы (лёгкая и безопасная установка), что исключает поломку или сбой системы после установки.
       
      Можно
      Выводить фото, наименования, модель, производителей, цен Указать с какого символа начнется поиск элементов Указать количество элементов в поиске Сгруппировывать по производителям Так же легко можно поменять дизайн выводимых элементов по своему вкусу (путь указан в дополнении)  
      Установка
      зайти в Панель управления -> Модули -> Установка расширений установить модуль перейти в Панель управления -> Модули -> Модификаторы обновить и активировать модификатор Активируйте модуль если того требует система Модуль совместим со всеми темами по-умолчанию (при возникновении трудностей с установкой напишите нам и мы обязательно поможем)
       
      Тестировался на версии
      Opencart 3.0.2.0 Opencart 2.3.0.2 Opencart 2.2.0.0 Opencart 2.1.0.1 Opencart 2.0.1.0 Ocstore 2.3.0.2  
      Любые идеи для улучшения модуля приветствуется
      Обсуждения проекта находиться здесь
       
      Помочь проекту https://github.com/Yeleup/Noticeup-Livesearch
       
      Добавил magzhan9292 Добавлено 19.11.2017 Категория Поиск Системные требования Сайт разработчика noticeup.kz Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет  
    • By sv2109
      699.00 руб
      Скачать/Купить дополнение


      Поиск картинок для товаров используя Google PRO
      Больше 10 тысяч загрузок модулей от sv2109!
      Это вторая версия модуля, который имеет уже больше 200 покупок!
      Что делает этот модуль?
      Этот модуль значительно упростит процесс добавления картинок для товаров. У вас тысячи товаров? Вы тратите огромное количество времени чтобы найти для каждого товара качественную картинку? Тогда этот модуль для Вас!
      Зачем?
      Это очевидно. В интернет магазине в отличии от реального магазина покупатель не может товар потрогать, примерить, посмотреть с разных сторон итд. Единственно что у него есть - это картинка и текст описание. Описание мало кто читает, а вот на картинку смотрят абсолютно все! Поэтому качественный фото товаров значительно увеличивают конверсию интернет магазина. А быстро найти хорошие картинки для товаров поможет этот модуль.
      Как все работает?
      Создана страница поиска картинок в которой выводятся товары в виде Название, цена, блок с существующими рисунками. Для изменения изображения не нужно отдельно заходить в каждый товар и перемещаться по вкладкам для главного и дополнительных рисунков, все собрано на одной странице. Есть фильтр для товаров по статусу товара, наличию на складе, наличию рисунков (с, без, только главные рисунки), разделу. Под блоком есть форма с полями для поиска картинок для этого товара. Можно искать по модели, названию, артикулу. Значения подставляются из товара, их можно редактировать. Если какое-то поле вам не нужно его можно отключить в настройках. После нажатия на кнопку "Поиск" скрипт обращается к Google API и в отдельном блоке выводит рисунки - результаты поиска. Снизу есть постраничная навигация по результатам текущего поиска. Результат поиска выводится в виде: названия, размера изображения, изображения и кнопки "плюс" для добавления этого изображения в товар. Рисунки можно увеличивать и просматривать с навигацией во всплывающем окне в увеличенном виде. После нажатия на кнопку "плюс" (есть и в результатах поиска и во всплывающем окне) рисунок перемещается в блок с рисунками товара. При наведении мышки на рисунок в блоке товаров появляются 2 кнопки "сделать этот рисунок главным" и "Удалить" (можно отменить для уже загруженных рисунков) После нажатия на кнопку "Сохранить" скрипт загружает все рисунки на сервер и добавляет их к товарам. Желательно не загружать за один раз много рисунков (напр. больше 100) потому что скрипт может не успеть за установленное на сервере время выполнения скрипта загрузить все рисунки. Возможности поиска картинок:
      можно искать на конкретном сайте, прописать его в настройках, тогда поиск будет осуществляться только по этому сайту. безопасный поиск. Можно включить фильтр по изображению и по описанию. можно указать размер изображения - маленькие, средние, большие, очень большие. цветность - цветные, ч/б. цветовой фильтр по цветах - черный, синий, зеленый итд. тип файла - jpg, png, gif, bmp тип рисунка - лица, фото, клипарт итд Новое в версии 3.0 PRO:
      Добавлена поддержка OpenCart 3.0 Модуль переписан под архитектуру OpenCart 3.0, добавлена возможность установки через установщик дополнений Добавлена возможность ручного выбора ключа Google API прямо на странице поиска Улучшен поиск изображений, теперь отображается меньше ошибок при поиске изображений Улучшена загрузка изображений, теперь модуль определяет тип изображения не только по расширению, но и по exif, это позволило загружать изображения без расширений Добавлен фильтр по конкретному товару. Товар можно найти по идентификатору, модели, SKU, названию Улучшены фильтры, фильтр по наличию считает фактическое наличие товара на складе, а не его статус отсутствия Улучшена постраничная навигация по изображениям Улучшена работа с окном просмотра, добавлены ограничения по размеру экрана, чтобы большие изображения не открывались больше  размера экрана, добавлена возможность просмотра изображений без расширений Улучшен дизайн модуля Много мелких улучшений по дизайну и коду Новое в версии 2.1 PRO:
      Новое API для поиска картинок, так как Google отменил поддержку старого API по которому работал модуль. Добавление картинки по прямой ссылке Возможность задавать картинку-заглушку, которую фильтр будет считать как "нет картинки", в некоторых магазинах используется Возможность называть картинки по шаблону, есть несколько шаблонов:
      - уникальный md5 код
      - название товара
      - модель товара Транслитерация для шаблона имени картинки. Вместо "Ноутбук Apple" будет "Noutbuk_Apple.jpg" Опция CURL followlocation вынесена в настройки. Возможность работать с несколькими ключами Google API Особенности нового API поиска:
      Новое API имеет свои преимущества:
      - это API актуальное, не устаревшее, как старое API
      - можно получать больше информации о найденных картинках, напр. размер картинки, ссылку на страницу на которой находится эта картинка итд.
      - появилась возможность просматривать все найденные картинки, а не только 10 первых страниц.
      Но в новом API есть и свои недостатки - появилось ограничение в 100 запросов в день на один API ключ.
      Обойти ограничение можно 2-мя способами:
      Официальный. Google предлагает купить дополнительно 1000 запросов за 5$ Полуофициальный. Так как API ключ привязывается к отдельному проекту, то можно создать несколько проектов и создать ключ для каждого. Если у вас закончился лимит одного ключа просто добавьте другой, для которого еще не достигнут лимит. Таким образом если нужно 200 запросов в день - создаем 2 ключа, 300 - 3 итд. Совместимость:
      OpenCart 3.0
      OpenCart 2.0.x, 2.1.x, 2.2.x, 2.3
      OpenCart 1.5.x (2 версия модуля)
      Модуль использует IonCube, обычно на 99% хостингов он установлен но на всякий случай можете проверить.
      Одна лицензия модуля позволяет установить этот модуль на 1 домене.
      Демо:
      OpenCart 2.3
      Админка, страница настроек модуля
      Админка, страница поиска картинок
      OpenCart 1.5 (2 версия модуля)
      Админка, страница настроек модуля
      Админка, страница поиска картинок
       
       
      Обновление с версии 2 на версию 3:
      Обновление платное, стоимость обновления составляет 250 рублей. 
      Для связи с автором модуля пишите в ЛС на форуме или на почту sv2109@gmail.com
       
      © Стасюк Владимир (sv2109.com), 2018
      Добавил sv2109 Добавлено 09.12.2015 Категория Поиск Системные требования Сайт разработчика http://sv2109.com Старая цена Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика  
    • By Otvet
      Скачать/Купить дополнение


      Удобный поиск в админке Opencart 2.x
      В административной части Opencart 2.0 очень неудобный поиск.
      Например чтобы найти "Сумка серая АБВГД" надо вбить в поиск название с самой первой буквы
      После установки мода будет работать и "серая" и "АБВГД" и "абв" и т.д.
      Так же для начала поиска нужно кликать мышкой по кнопке поиск
      После установки мода поиск будет запускаться и по Enter
      Обратите внимание на другие полезные модули:
      улучшение индексации - https://opencartforum.com/files/file/2645-seo-page-улучшенная-индексация-сайта-oc-15-2x/
      продвижение главной - https://opencartforum.com/files/file/2672-seo-h1-поисковое-продвижение/
      настраиваемый h1 - https://opencartforum.com/files/file/2527-настраиваемый-h1-для-opencart-20x-ocmod/
      Добавил Otvet Добавлено 18.10.2015 Категория Поиск  
    • By 0PENCARTsu
      Скачать/Купить дополнение


      Быстрый / живой поиск товаров (Search / Quick / Live / Easy / Realtime)
      Быстрый / живой поиск товаров (Search / Quick / Live / Easy / Realtime for Opencart 2.x)
      v.1.01 (05.01.2017)
      Добавлена настройка - Обрезка имени товара..., если оно превышает указанное кол-во символов в быстром/живом поиске.
      Добавлена возможность показать все результаты поиска.
      Добавлена инструкция для ручной установки, если автоматический инсталятор не работает.
      Поддержка всех последних версий OpenCart, OcStore 2.x
      -----------------------------------
      v.1.0 (20.09.2015)
      Добавлена настройка - Включение/Отключение модуля.
      Добавлена настройка - Включение/Отключение вывода картинок в быстром/живом поиске.
      Добавлена настройка - Ширина и Высота выводимых картинок в быстром/живом поиске.
      Добавлена настройка - Вывод цены товара в быстром/живом поиске.
      Добавлена настройка - Вывод остатка товара в быстром/живом поиске.
      Добавлена настройка - Максимальное кол-во(лимит) выводимых строк в быстром/живом поиске.
      -----------------------------------
      Модуль Быстрый/живой поиск товаров позволяет моментально выводить результаты прямо в поисковой строке (во время ввода поискового запроса производится автозаполнение и вывод поисковых результатов)
      Быстрый/живой поиск товаров реализован благодаря технологиям ajax, jquery.ui, autocomplete.
      Тип модуля OCMOD (модификатор) - лёгкая и безопасная установка без вмешательства в систему (никаких прямых изменений в систему не вносится), что исключает поломку или сбой системы после установки. В случае какой либо ошибки после установки, Вы можете отключить модуль (модификатор) и система откатится в исходное/рабочее состояние.
      Полностью открытый код, 100% гарантия безопасности модуля (если приобретаете модуль от официального разработчика OpenCart.su).
      Демонстрация модуля:
      http://opencart.su/
      Панель администрирования модуля:
      http://opencart.su/admin/index.php?route=module/search_quick_opencartsu
      логин: demo
      пароль: demo
      Цена модуля: бесплатно (без обновлений и поддержки)
      Установка:
      1. Данный модуль устанавливается очень просто через Панель управления -> Модули -> Установка расширений. (перед загрузкой архива с модулем, убедитесь что в настройках включен FTP)
      2. После успешной загрузки модуля необходимо перейти в Панель управления -> Модули -> Модификаторы -> отметить галочкой модификатор Search_Quick/Live_Opencart_2x и нажать обновить (после чего модификатор будет активирован)
      3. Перейдите в Панель управления -> Модули -> Модули и активируйте модуль Search_Quick/Live_Opencart2 (Быстрый/живой поиск), нажав на +, после чего перейдите в настройки модуля и включите необходимые параметры.
      Настройка отображения модуля (css стилей) производится в файлах:
      catalog/view/javascript/style_search_quick_opencartsu.css
      catalog/view/javascript/jquery/ui/themes/base/jquery-ui-1.11.4.min.css
      Модуль совместим со всеми темами автоматически (благодаря модификатору OCMOD).
      Если У Вас возникли трудности с установкой модуля под Вашу тему, напишите нам и мы обязательно поможем.
      Любые вопросы по модулю отправляйте на opencartsu@mail.ru
      Модуль на официальном сайте: http://www.opencart.com/index.php?route=extension/extension/info&extension_id=23962
      Добавил 0PENCARTsu Добавлено 19.09.2015 Категория Поиск Системные требования Сайт разработчика http://opencart.su Старая цена 300 Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет  
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.