Moushe.ru

Блог обо всём

OcStore 1.5.5.1.2 переделываем сравнение и закладки



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

23

Смотрите на правый верхний угол обоих скриншотов. Подмигивающая рожица

Приступим:

1. Откроем файл ../catalog/view/theme/default/template/common/header.tpl и после этой строки (76):

<?php echo $cart; ?>

вставим эти строки:

<div id="compare">
<a href="?route=product/compare"><img src="catalog/view/theme/default/image/compare.png"></a>
<div class="heading"><span id="compare-total"><?php echo $text_compare; ?></span></div>
</div>
<div id="wishlist">
<a href="?route=account/wishlist"><img src="catalog/view/theme/default/image/wishlist.png"></a>
<div class="heading"><span id="wishlist-total"><?php echo $text_wishlist; ?></span></div>
</div>

удалим из 96 строки этот код:

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

2. Откроем файл ../catalog/controller/common/header.php и после этой строки (41):

$this->data['text_wishlist'] = sprintf($this->language->get('text_wishlist'), (isset($this->session->data['wishlist']) ? count($this->session->data['wishlist']) : 0));

добавим эту строку:

$this->data['text_compare'] = sprintf($this->language->get('text_compare'), (isset($this->session->data['compare']) ? count($this->session->data['compare']) : 0));

после этой строки (52):

$this->data['wishlist'] = $this->url->link('account/wishlist', '', 'SSL');

добавим эту строку:

$this->data['compare'] = $this->url->link('product/compare', '', 'SSL');

3. Откроем файл ../catalog/language/russian/common/header.php и вместо этой строки (4):

$_['text_wishlist']       = 'Закладки (%s)';

вставим эти строки:

$_['text_wishlist']       = '(%s)';
$_['text_compare']        = '(%s)';

4. Откроем файл ../catalog/language/russian/product/category.php и удалим эту строку (14):

$_['text_compare']      = 'Сравнение товаров (%s)';

5. Откроем файл ../catalog/language/russian/product/compare.php и вместо этой строки (21):

$_['text_compare']      = 'Сравнение товаров (%s)';

вставим эту:

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

6. Откроем файл ../catalog/language/russian/product/manufacturer.php и удалим эту строку (17):

$_['text_compare']      = 'Сравнение товаров (%s)';

7. Откроем файл ../catalog/language/russian/product/search.php и удалим эту строку (19):

$_['text_compare']      = 'Сравнение товаров (%s)';

8. Откроем файл ../catalog/language/russian/product/special.php и удалим эту строку (14):

$_['text_compare']      = 'Сравнение товаров (%s)';

9, Откроем файл ../catalog/language/russian/account/wishlist.php и вместо этой строки (8):

$_['text_wishlist'] = 'Закладки (%s)';

вставим эту:

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

10. Откроем файл ../catalog/controller/product/category.php и удалим эти строки:

(126) —             $this->data['text_compare'] = sprintf($this->language->get('text_compare'), (isset($this->session->data['compare']) ? count($this->session->data['compare']) : 0));

(171) —             $this->data['compare'] = $this->url->link('product/compare');

11. Откроем файл ../catalog/controller/product/manufacturer.php и удалим эти строки:

(181) —             $this->data['text_compare'] = sprintf($this->language->get('text_compare'), (isset($this->session->data['compare']) ? count($this->session->data['compare']) : 0));

(192) —             $this->data['compare'] = $this->url->link('product/compare');

12. Откроем файл ../catalog/controller/product/search.php и удалим эти строки:

(146) —             $this->data['text_compare'] = sprintf($this->language->get('text_compare'), (isset($this->session->data['compare']) ? count($this->session->data['compare']) : 0));

(160) —             $this->data['compare'] = $this->url->link('product/compare');

13. Откроем файл ../catalog/controller/product/special.php и удалим эти строки:

(78) —             $this->data['text_compare'] = sprintf($this->language->get('text_compare'), (isset($this->session->data['compare']) ? count($this->session->data['compare']) : 0));

(88) —             $this->data['compare'] = $this->url->link('product/compare');

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

#cart {
position: fixed;
background: #fff;
top: 40px;
right: 0px;
z-index: 9;
width: 50px;
padding: 5px;
border-top: 2px solid #ddd;
border-left: 2px solid #ddd;
border-bottom: 2px solid #ddd;
border-radius: 5px 0 0 5px;
}
#cart .heading {
padding-left: 20px;
position: relative;
z-index: 1;
}

вставим эти строки:

#compare {
position: fixed;
background: #fff;
top: 110px;
right: 0px;
z-index: 9;
width: 50px;
padding: 5px;
border-top: 2px solid #ddd;
border-left: 2px solid #ddd;
border-bottom: 2px solid #ddd;
border-radius: 5px 0 0 5px;
}
#compare .heading {
padding-left: 20px;
position: relative;
z-index: 1;
}
#wishlist {
position: fixed;
background: #fff;
top: 180px;
right: 0px;
z-index: 9;
width: 50px;
padding: 5px;
border-top: 2px solid #ddd;
border-left: 2px solid #ddd;
border-bottom: 2px solid #ddd;
border-radius: 5px 0 0 5px;
}
#wishlist .heading {
padding-left: 20px;
position: relative;
z-index: 1;
}
#cart img, #compare img, #wishlist img {
padding-left: 10px;
}

15. Возьмём эти иконки:

cartcomparewishlist

и загрузим их в папку ../catalog/view/theme/default/image.

16. Мы почти всё сделали, но при наведении курсора мыши наши блоки с иконками ни как не изменяются, давайте сделаем изменение фона блока при наведении, после этих строк (198-200):

#cart img, #compare img, #wishlist img {
padding-left: 10px;
}

вставим эти:

#cart:hover, #compare:hover, #wishlist:hover {
background: #ddd;
}

Я задал серый цвет для всех блоков (при наведении курсора мыши), вы можете задать для них любой иной цвет, или даже задать всем блокам свой персональный цвет (у каждого блока будет свой цвет при наведении курсора мыши), помимо этого можно изменить белый фон блоков (без наведения курсора мыши) и цвет рамок (и при наведении и без наведения), для этого достаточно поработать с CSS стилями.

Если вас это заинтересовало ожидайте следующую статью – в ней мы поработаем над стилями, а сейчас нам необходимо избавиться от остатков ссылки в сравнения.

17. Откроем файл ../catalog/view/theme/default/template/product/category.tpl и удалим эту строку (46):

<div class="product-compare"><a href="<?php echo $compare; ?>" id="compare-total"><?php echo $text_compare; ?></a></div>

18. Откроем файл ../catalog/view/theme/default/template/product/manufacturer_info.tpl и удалим эту строку (23):

<div class="product-compare"><a href="<?php echo $compare; ?>" id="compare-total"><?php echo $text_compare; ?></a></div>

19. Откроем файл ../catalog/view/theme/default/template/product/search.tpl и удалим эту строку (62):

<div class="product-compare"><a href="<?php echo $compare; ?>" id="compare-total"><?php echo $text_compare; ?></a></div>

20. Откроем файл ../catalog/view/theme/default/template/product/special.tpl и удалим эту строку (12):

<div class="product-compare"><a href="<?php echo $compare; ?>" id="compare-total"><?php echo $text_compare; ?></a></div>

На сегодня всё, до новых встреч. Следите за нашими новостями.

8 Комментариев

  1. Напишите статью про всплывающие кнопки «В закладки» и «Сравнение» в блоке товара, и чтобы при наведении на них указатель мыши всплывала подсказка.

  2. Виталий

    29.10.2015 at 22:22

    Здравствуйте, а можете подсказать как переделать или изменить в закладки и сравнение на иконки в самом товаре в категории и в карточке товара?

  3. Доброго времени суток!
    Версия движка 2.1.0.1
    У меня в хедере выводится в блоке сравнения иконка и счётчик количества товаров , которые добавлены в сравнение. Если товаров нет, счётчик показывает ноль.
    http://i.imgur.com/kc0mn2u.png
    Случайно не знаете как сделать так чтобы ноль не отображался, а выводилось только число больше ноля?

    • Нужно ковырять tpl’ку дописывать условие для отображения количества, если есть знакомые программисты за 30 минут помогут.

  4. Ковырять нужно контроллер )))
    вчера ночью ковыряли, решили

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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