Moushe.ru

Блог обо всём

SSF Lego edition изменяем корзину



Сегодня мы переместим кнопку корзины:

До:                                                       После:

17

Откроем файл index.tpl ( \css\css_s\theme ) и найдём эту строчку:

<div class=»div6″>
<a href=»cart/»><img src=»./images/icon_bas.png» alt=»{$smarty.const.CART_TITLE}» />{$smarty.const.CART_TITLE}</a>
</div>

Этот код отвечает за кнопку Корзина, вырезаем и вставляем его после этой строки:

<div id=»cart_info» style=»text-align: center;»>{include file=»shopping_cart_info.tpl.html»}    </div>

Вот что получится:

2

Теперь давайте добавим кнопку – оформить заказ, откроем файл shopping_cart.tpl ( \css\css_s\theme ) и скопируем эту строку:

<td align=»center»><a onclick=»cart_update(‘order’); » class=»button»><span>{$smarty.const.CART_PROCEED_TO_CHECKOUT}</span></a></td>

Вставляем после кода кнопки Корзина и вот что у нас получится:

3

Некрасиво выглядит, давайте настроим их внешний вид:

Сначала вырежем не нужное:

<div id=»column_right»>
<div id=»module_cart» class=»box»>
<div class=»top»><img src=»./images/icon_bas.png» alt=»{$smarty.const.CART_TITLE}» />{$smarty.const.CART_TITLE}</div>
<div class=»middle»>
<div id=»cart_info» style=»text-align: center;»>{include file=»shopping_cart_info.tpl.html»}    </div>

<div class=»div6″>
<a href=»cart/»><img src=»./images/icon_bas.png» alt=»{$smarty.const.CART_TITLE}» />{$smarty.const.CART_TITLE}</a>
</div>
<td align=»center»><a onclick=»cart_update(‘order’); » class=»button»><span>{$smarty.const.CART_PROCEED_TO_CHECKOUT}</span></a></td>
</div>
<div class=»bottom»>&nbsp;</div>
</div>

Вот что у нас должно остаться:

<div id=»column_right»>
<div id=»module_cart» class=»box»>
<div class=»top»><img src=»./images/icon_bas.png» alt=»{$smarty.const.CART_TITLE}» />{$smarty.const.CART_TITLE}</div>
<div class=»middle»>
<div id=»cart_info» style=»text-align: center;»>{include file=»shopping_cart_info.tpl.html»}    </div>

<a href=»cart/»>{$smarty.const.CART_TITLE}</a>

<a onclick=»cart_update(‘order’); «><span>{$smarty.const.CART_PROCEED_TO_CHECKOUT}</span></a>
</div>
</div>
<div class=»bottom»>&nbsp;</div>
</div>

Вот как это сейчас выглядит:

4

Вставим пару <br/> ( пропуск строки, аналог кнопки Enter в ICQ или текстовом документе ) и теги <center> </center> ( они центрируют наши ссылки по центру а не слева ):

<div id=»column_right»>
<div id=»module_cart» class=»box»>
<div class=»top»><img src=»./images/icon_bas.png» alt=»{$smarty.const.CART_TITLE}» />{$smarty.const.CART_TITLE}</div>
<div class=»middle»>
<div id=»cart_info» style=»text-align: center;»>{include file=»shopping_cart_info.tpl.html»}    </div>
<br>
<center>
<a href=»cart/»>{$smarty.const.CART_TITLE}</a><br>
<a onclick=»cart_update(‘order’); «><span>{$smarty.const.CART_PROCEED_TO_CHECKOUT}</span></a>
</center>
</div>
<div class=»bottom»>&nbsp;</div>
</div>

Вот как это выглядит:

5

Теперь откроем файл russian.php ( \languages ) и изменим одну строчку:

define(‘CART_TITLE’, ‘Корзина’);

на

define(‘CART_TITLE’, ‘Перейти в корзину’);

Смотрим:

6

Теперь поменяем заголовок корзины:

Изменим:

<div id=»column_right»>
<div id=»module_cart» class=»box»>
<div class=»top»><img src=»./images/icon_bas.png» alt=»{$smarty.const.CART_TITLE}» />{$smarty.const.CART_TITLE}</div>
<div class=»middle»>
<div id=»cart_info» style=»text-align: center;»>{include file=»shopping_cart_info.tpl.html»}    </div>
<br>
<center>
<a href=»cart/»>{$smarty.const.CART_TITLE}</a><br>
<a onclick=»cart_update(‘order’); «><span>{$smarty.const.CART_PROCEED_TO_CHECKOUT}</span></a>
</center>
</div>
<div class=»bottom»>&nbsp;</div>
</div>

на:

<div id=»column_right»>
<div id=»module_cart» class=»box»>
<div class=»top»><img src=»./images/icon_bas.png» alt=»{$smarty.const.CART_TITLE}» />Корзина</div>
<div class=»middle»>
<div id=»cart_info» style=»text-align: center;»>{include file=»shopping_cart_info.tpl.html»}    </div>
<br>
<center>
<a href=»cart/»>{$smarty.const.CART_TITLE}</a><br>
<a onclick=»cart_update(‘order’); «><span>{$smarty.const.CART_PROCEED_TO_CHECKOUT}</span></a>
</center>
</div>
<div class=»bottom»>&nbsp;</div>
</div>

Смотрим:

7

По моему так стало лучше Улыбка

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

  1. Lord Vader

    18.02.2011 at 21:30

    круто, наконец-то, давно статей не было))

  2. Алексей

    16.01.2012 at 22:57

    у меня oc 1.5.1.3 я чет не могу найти index.tpl чтоб корзину поменять, где его найти?

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

    16.01.2012 at 23:03

    В скобках дан путь, заходите в папку стилей, там внутри лежат папки с шаблонами и в них ищите этот файл. 🙂

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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