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

Найти меня в:

Если вы установили модули для магазина, о которых рассказывалось в уроке Установка компонента интернет-магазин, в списке вашего менеджера модулей должен отображаться 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

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

 
 

Отзывы

Юрий
Модуль работает отлично. Были небольшие проблемы с установкой, но Сергей быстро разобрался. Модуль будет развиваться и дальше, и уверен он станет лучшим для Joomla. Из всех аналогов которые я видел, этот модуль лучший.

Никита Бакуменко
Плагин шикарный, работает как часики, спасибо))

УСТАНОВКА VIRTUEMART

VirtueMart - самый распрастраненный движок интернет-магазина для CMS Joomla. Мы предоставляем подробную инструкцию по его установке. Для тестирования желательно сначала установить магазин на локальный сервер. Если вы уже знакомы с этим движком, то ставьте его на хостинг и приступайте к разработке. После установки Joomla следует поставить сам компонент магазина. VirtueMart отличается от других движков большим количеством настроек. Чтобы быстро разобраться, что нужно для старта - читайте Предварительная настройка.
Все статьи раздела - Читать далее...

НАСТРОЙКА ФУНКЦИОНАЛА

Страница оформления заказа - одна из последних при покупке товара, но почти самая важная. Даже если пользователь уже решил купить товар, его может оттолкнуть заполнение множества полей. Подробная настройка страницы оформления заказа описана в этой статье. Так же вы можете изменить вид корзины под себя.
Второй важной частью является выбор шаблона для магазина. В пиратских шаблонах часто можно обнаружить вредоносные ссылки. Внешний вид сильно влияет на продажи, процесс покупки должен быть простым и удобным.
Все статьи раздела - Читать далее...

ХАКИ И ДОРАБОТКИ VIRTUEMART

Для VirtueMart существует множество готовых решений. Большинство их них необходимо дорабатывать индивидуально под каждый интернет магазин. Так же у движка есть некоторые ограничения, которые можно убрать, только изменив его код, например, нельзя добавить видео с youtube в описание категории VirtueMart, или описание товара ограничено - не хватает символов. Часто встречаемая проблема - Убрать второе поле имя Virtuemart 2.
В этом разделе вы найдете подробную информацию о многих хитростях движка virtuemart.
Все статьи раздела - Читать далее...