Интернет магазин создать с нуля. Студия веб разработки, советы, уроки.

Найти меня в:

Модули оформления заказа

Корзина Virtiuemart

Если вы установили модули для магазина, о которых рассказывалось в уроке Установка компонента интернет-магазин, в списке вашего менеджера модулей должен отображаться VM - Shopping cart.

cart1

Нажмите на модуль и выберете позицию отображения.

cart2

Понять в какое именно место разместить модуль можно, введя в адресную строку браузера …адрес сайта?tp=1. Если позиции не отобразились необходимо зайти в настройки вашего шаблона (в менеджере шаблонов) и включить опцию Просмотр позиций модулей.

cart3

После проделанных операций позиции модулей должны отобразиться. На рисунке отмечена позиция в которую будет выводиться модуль корзины.

cart4

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

cart5

Как видите стандартный вид оставляет желать лучшего, разберем, как можно изменить отображение этого модуля. Необходимый нам файл хранится в директории папка сайта\modules\mod_virtuemart_cart\tmpl\default.php . Строки, которые непосредственно отвечают за отображение начинаются с 46.

Можно заметить, что выводится три блока:

  1. $data->billTotal – суммарная стоимость всех товаров
  2. $data->cart_show – ссылка для перехода в корзину
  3. $data->totalProductTxt – количество единиц товара в корзине

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

cart6

cart7

Лишней информации стало меньше, но блоки расположены неровно. Предлагаю создать каркас в виде таблицы и поставить фоновый рисунок корзины.

cart8

Вставьте этот вод вместо строк 46-54.

<table width="180" height="59" border="0">
  <tr>
    <td width="30%" rowspan="2" class="backtab">
	   <div class="total_products">
       <?php echo  $data->totalProductTxt ?>
     
       </div>
	</td>
    <td>
	   <div class="show_cart"rel="nofollow">
	   <?php echo  $data->cart_show; ?>
       </div>	
    </td>      
  </tr>
  <tr>
    
    <td>
	<?php if ($data->totalProduct and $show_price and $currencyDisplay->_priceConfig['salesPrice'][0]) { ?>
	    <div class="total" >
		<?php echo $data->billTotal; ?>
	     </div>
         <?php } else { ?>
         <?php echo "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Пусто" ?>		
           <?php } ?>
	</td>
      </tr>

</table>

 Если вместо букв пусто выводятся иероглифы- сохраните файл блокнотов в кодировке UNF-8.

cart9

 

Чтобы добавить фоновый файл (папка \components\com_virtuemart\assets\images ), закачайте его на сайт и добавьте следующие строки в конец файла папка сайта\components\com_virtuemart\assets\css\vmsite-ltr.css:

.backtab
{
background:url(../images/cart.png) no-repeat;
}

 

cart10

Если картинка не появилась, то проверьте существует ли она в указанной папке, очистите кеш сайта и браузера, перезапустите браузер.