Moushe.ru

Блог обо всём

OcStore 1.5.4 Bootstrap template (7 часть)



Сегодня мы с вами немного подкорректируем карточку товара.

ocstore bootstrap

Список задач на сегодня:

1.  Изменим размер окна ввода количества товара для покупки

2. Изменим кнопку купить, изменим оформление в закладки, в сравнения

3. Изменим табы

И так приступим:

1. Откроем файл ../catalog/view/theme/bootsmy/template/product/product.tpl и вместо этих строк (206-207):

<input type="text" name="quantity" size="2" value="<?php echo $minimum; ?>" />
<input type="hidden" name="product_id" size="2" value="<?php echo $product_id; ?>" />

вставим эти:

<input class="input-mini" type="text" name="quantity" size="2" value="<?php echo $minimum; ?>" />
<input class="input-mini" type="hidden" name="product_id" size="2" value="<?php echo $product_id; ?>" />

2. Изменим эту строку (209):

<input type="button" value="<?php echo $button_cart; ?>" id="button-cart" class="button" />

на эту:

<button class="btn btn-primary" id="button-cart" type="button"><?php echo $button_cart; ?></button>

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

<div class="cart">

и вместо этого кода (205-217):

<div><?php echo $text_qty; ?>
<input class="input-mini" type="text" name="quantity" size="2" value="<?php echo $minimum; ?>" />
<input class="input-mini" type="hidden" name="product_id" size="2" value="<?php echo $product_id; ?>" />
&nbsp;
<button class="btn btn-primary" id="button-cart" type="button"><?php echo $button_cart; ?></button>
</div>
<div><span>&nbsp;&nbsp;&nbsp;<?php echo $text_or; ?>&nbsp;&nbsp;&nbsp;</span></div>
<div><a onclick="addToWishList('<?php echo $product_id; ?>');"><?php echo $button_wishlist; ?></a><br />
<a onclick="addToCompare('<?php echo $product_id; ?>');"><?php echo $button_compare; ?></a></div>
<?php if ($minimum > 1) { ?>
<div class="minimum"><?php echo $text_minimum; ?></div>
<?php } ?>
</div>

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

<form class="form-inline">
<div>
<?php echo $text_qty; ?>
<input class="input-mini" type="text" name="quantity" size="2" value="<?php echo $minimum; ?>" />
<input class="input-mini" type="hidden" name="product_id" size="2" value="<?php echo $product_id; ?>" />
<button class="btn btn-primary" id="button-cart" type="button"><?php echo $button_cart; ?></button>
&nbsp;&nbsp;&nbsp;<?php echo $text_or; ?>&nbsp;&nbsp;&nbsp;
<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<?php echo $text_on_you; ?>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a onclick="addToWishList('<?php echo $product_id; ?>');"><?php echo $button_wishlist; ?></a></li>
<li><a onclick="addToCompare('<?php echo $product_id; ?>');"><?php echo $button_compare; ?></a></li>
</ul>
</div>
<?php if ($minimum > 1) { ?>
<div class="minimum"><?php echo $text_minimum; ?></div>
<?php } ?>
</div>
</form>

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

$_['text_or']           = '- или -';

вставим эту:

$_['text_on_you']       = 'Действия';

2.2. Откроем файл ../catalog/controller/product/product.php и после этой строки (156):

$this->data['text_or'] = $this->language->get('text_or');

вставим эту:

$this->data['text_on_you'] = $this->language->get('text_on_you');

по моему неплохо получилось. Улыбка

На сегодня всё, до новых встреч.

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

  1. Александр

    18.03.2013 at 18:52

    Добрый день! Делал все как написано, но у меня кнопка Действия — стала слева, а не справа.
    И Также Описания и Отзывы поднялись выше, хотя это не надо

    карточка продуктов — Товары для кухни, и там все товары

    Спасибо за помощь

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

      18.03.2013 at 21:17

      строку div class=»cart» удалите

  2. Добрый день! Спасибо за очередной замечательный урок! Пожалуйста, очень прошу Вас подсказать:
    Как в карточке товара, возле «Написать отзыв» вставить картинку (хочу вставить значок информации — «i в кружочке»), чтоб при наводе мышкой на него пользователь прочитал определенную информацию. Большое спасибо!

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

      21.03.2013 at 21:09

      В следующей статье постараюсь написать

    • Большое спасибо! А следующая статья у Вас когда выйдет? ❓

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

      22.03.2013 at 12:43

      Я планирую в воскресенье-вторник.

  3. Владислав, большое спасибо еще раз. Если у Вас будет время, пожалуйста, подскажите как реализовать в карточке товара — кнопку: «Перезвоните мне», как показано на скриншоте. http://i.piccy.info/i7/e36bb3ff8b3dd2bad1fa756d3ade103a/4-57-168/22035454/vopros.jpg
    Спасибо.

    • upd: У меня есть рабочая форма обратной связи, которая вызывается по ссылке. А вот как засунуть эту ссылку в шаблон карточки товара — не знаю.

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

      22.03.2013 at 14:43

      Дайте ссылку на сайт

  4. Сайт у меня на локалхосте, а скрин я вам прислал с своего корпоративного сайта — tk-elektrosnab. prom. ua. Спасибо!

  5. Здравствуйте, я сделал все как тут написано, все получилось, за исключением того, что теперь кнопка купить и действия находятся в плотную к рамке… в общем это видно на скрине:
    http://s6.hostingkartinok.com/uploads/images/2013/04/d5b1ebc8b5581fddbe8c349198d915c1.jpg

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

      21.04.2013 at 21:08

      В stylesheet.css нужно добавить отступ, по скриншоту не могу сказать куда именно. Ссылка на сайт помогла бы, а скриншот нет.

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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