Moushe.ru

Блог обо всём

OcStore 1.5.5.1.2 переделываем корзину (2 вариант)



Уважаемые читатели, после моей статьи об изменении корзины вы очень интенсивно просили меня переделать стандартную корзину OcStore 1.5.5.1.2 немного по другому, раз просили – делаем.

12

1.1. Откроем файл ../catalog/language/russian/module/cart.php и вместо этой строки (6):

$_['text_items']    = 'Товаров: %s (%s)';

вставим эту:

$_['text_items']    = '%s (%s)';

1.2. Откроем файл ../catalog/language/russian/checkout/cart.php и вместо этой строки (14):

$_['text_items']             = 'Товаров: %s (%s)';

вставим эту:

$_['text_items']    = '%s (%s)';

2. Откроем файл ../catalog/view/theme/default/stylesheet/stylesheet.css и вместо этих строк (144-204):

#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;
}

вставим эти:

#cart_img {
position: fixed;
top: 20px;
right: 35px;
}
#cart {
position: fixed;
top: 60px;
right: 0px;
z-index: 9;
min-width: 300px;
}
#cart .heading {
float: right;
margin-right: 2px;
height: 30px;
padding-left: 14px;
padding-right: 14px;
position: relative;
z-index: 1;
}
#cart .heading h4 {
color: #333333;
font-size: 15px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}
#cart .heading a {
color: #000;
text-decoration: none;
display: block;
}
#cart .heading a span {
background: url('../image/arrow-down.png') 100% 50% no-repeat;
padding-right: 15px;
margin-left:30px;
line-height: 30px;
}
#cart .content {
clear: both;
display: none;
position: relative;
top: 2px;
padding: 8px;
min-height: 150px;
border: 1px solid #EEEEEE;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;

background: #FFF;
}
#cart.active .content {
display: block;
}

3. Откроем файл ../catalog/view/theme/default/template/module/cart.tpl и вместо этой строки (1):

<div id="cart">

вставим эти:

<div id="cart_img"><a href="?route=checkout/cart"><img src="catalog/view/theme/default/image/cart.png"></a></div>
<div id="cart">

Результат:

1

Наша корзина зафиксирована и отображает и количество товара и сумму заказа, но мне этот вариант не очень подходит, поэтому я немного изменяю уже проделанную работу:

1.1. В файле ../catalog/language/russian/module/cart.php вместо этой строки (6):

$_['text_items']    = '%s (%s)';

вставляю эту:

$_['text_items']    = '%s';

1.2. В файле ../catalog/language/russian/checkout/cart.php вместо этой строки (14):

$_['text_items']    = '%s (%s)';

вставляю эту:

$_['text_items']    = '%s';

2. В файле ../catalog/view/theme/default/template/module/cart.tpl вместо этих строк (1-4):

<div id="cart">
<div id="cart_img"><a href="?route=checkout/cart"><img src="catalog/view/theme/default/image/cart.png"></a></div>
<div class="heading">
<a title="<?php echo $heading_title; ?>"><span id="cart-total"><?php echo $text_items; ?></span></a></div>

вставляю эти:

<div id="cart">
<div class="heading">
<a href="?route=checkout/cart"><img src="catalog/view/theme/default/image/cart.png"></a>
<a title="<?php echo $heading_title; ?>"><span id="cart-total"><?php echo $text_items; ?></span></a></div>

3. В файле ../catalog/view/theme/default/stylesheet/stylesheet.css вместо этих строк (144-200):

#cart_img {
position: fixed;
top: 20px;
right: 35px;
}
#cart {
position: fixed;
top: 60px;
right: 0px;
z-index: 9;
min-width: 300px;
}
#cart .heading {
float: right;
margin-right: 2px;
height: 30px;
padding-left: 14px;
padding-right: 14px;
position: relative;
z-index: 1;
}
#cart .heading h4 {
color: #333333;
font-size: 15px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}
#cart .heading a {
color: #000;
text-decoration: none;
display: block;
}
#cart .heading a span {
background: url('../image/arrow-down.png') 100% 50% no-repeat;
padding-right: 15px;
margin-left:30px;
line-height: 30px;
}
#cart .content {
clear: both;
display: none;
position: relative;
top: 2px;
padding: 8px;
min-height: 150px;
border: 1px solid #EEEEEE;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;

background: #FFF;
}
#cart.active .content {
display: block;
}

вставляю эти:

#cart {
position: fixed;
top: 60px;
right: 0;
z-index: 9;
}
#cart .heading {
float: right;
height: 70px;
padding: 10px;
position: relative;
z-index: 1;
border: 1px solid #eee;
background: #fff;
}
#cart .heading a {
color: #000;
text-decoration: none;
display: block;
}
#cart .heading a span {
background: url('../image/arrow-down.png') 100% 50% no-repeat;
padding-right: 15px;
margin-left: 10px;
line-height: 30px;
}
#cart .content {
clear: both;
display: none;
position: relative;
top: 2px;
padding: 8px;
min-height: 150px;
border: 1px solid #EEEEEE;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;

background: #FFF;
}
#cart.active .content {
display: block;
}

Результат моих правок:

2

Надеюсь вам понравилась и статья и финальный результат. До новых встреч, следите за нашими новостями.

4 Комментария

  1. Надежда

    09.09.2014 at 23:58

    Владислав здравствуйте.
    Читаю ваш блог,много что смогла исправить на сайте.
    Подскажите пожалуйста :
    на версию ocstore 1.5.4.1.2 я хочу сделать элементы как на опенкарте 1.4.
    После «переделок» одного мастера ,доделываю то ,что он не выполнил.
    На данный момент волнует корзина. По инструкции установила блок «корзина».модуль появился но начались проблемы:
    1. При выборе defoult в модуле -корзина не отражается на сайте
    2. Не выделяется и кнопки цветом.
    3. Кнопка «купить» не работает
    Раньше была корзина в шапке,что сделал программист с ней-не знаю,просто удалил наверно.
    Как корзину можно доработать?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      10.09.2014 at 16:38

      Пишите мне в контакт — в правой колонке сайта есть ссылка.

  2. Еще раз, здравствуйте!
    Поменял корзину, но решил оставить «товаров», количество и цену. Получилось не совсем красиво — надо бы поставить немного левее — может подскажите как

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      21.11.2014 at 19:21

      #header #cart .heading — padding-right

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика