2011 Август

Интернет-магазин VaM Shop настройка.

Август 30th, 2011 | Author: admin

В предыдущей статье я описал установку магазина на скрипте VaM Shop.
Скрипт установлен, магазин работает, теперь его надо настроить, довести до ума шаблон, улучшить работу скрипта в плане юзабилити и пр.
В сети выложено определенное количество наработок, которые я просто озвучу, естественно не забыв авторов, а также расскажу о том что я самостоятельно изменил в работе магазина.
1. Дело в том, что ваш клиент, рекламирующий свои товары или услуги на вашем ресурсе, конечно хотел бы видеть свою персональную страницу в красивом оформлении. Эта страница как бы отдельно не предусмотрена в структуре магазина, но оною можно считать страницу категории.
В админке верхняя часть страницы категории оформляется средствами HTML, далее идет блок подкатегорий данной категории и еще ниже в стандартном варианте блок “Новинки”.
Как красиво оформить верхнюю часть, тема отдельного рассказа, но есть один нюанс:
Естественно нам захочется туда поместить какие то картинки, которые давали бы представление о клиенте, и лучше средствами PopUp сделать их выплывающими, но нам мешает обязательная стандартная картинка категории, которая не вписывается в дизайн. Что делать?
Находим файл \templates\vamshop\module\categorie_listing\ и в нем строчки:

Kod

{if $CATEGORIES_IMAGE}
<p>
<img src=”{$CATEGORIES_IMAGE}” alt=”{$CATEGORIES_NAME}” />
</p>
{/if}

и удаляем их.
Все – ненужной картинки нет.
2. Когда мы будем оформлять верхнюю часть страницы, как я уже говорил, желательно картинки сделать выплывающими. Как это сделать?
В статье “Добавляем показ pop-up картинок в листинге товаров” уважаемого mosquito описано как сделать просмотр увеличенных картинок в листинге товаров. Тут я понял, что скриптом вывода картинок в версии VaM Shop 1.62 является “fancybox”. Таким образом, чтобы вывести нашу попап картинку средствами HTML, надо вызов большой и маленькой картинки оформить с применением класса “zoom”. Выглядит это примерно так:

Kod

Таким образом мы можем прикрутить попап картинку в любом месте магазина, где работает код HTML, например в “персональной странице”.
3. Уважаемый mosquito в статье “Добавляем показ pop-up картинок в листинге товаров” на своем блоге blog.m-solutions.com.ua описывает как сделать просмотр увеличенных картинок в листинге товаров.
Для этого совершим несколько действий:
1. Подключим jquery/fancybox для всех страниц магазина, что нам пригодится не только в этом случае.
Открываем файл includes/header.php код, и меняем:

Kod

<?php
if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO)) {
?>
<script type=”text/javascript” src=”jscript/jquery/jquery.js”></script>
<link rel=”stylesheet” type=”text/css” href=”jscript/jquery/plugins/fancybox/jquery.fancybox-1.2.5.css” media=”screen” />
<script type=”text/javascript” src=”jscript/jquery/plugins/fancybox/jquery.fancybox-1.2.5.pack.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
$(”a.zoom”).fancybox({
“zoomOpacity” : true,
“overlayShow” : false,
“zoomSpeedIn” : 500,
“zoomSpeedOut” : 500
});
});
</script>
<?php
}
?>

На:

Kod

Мы можем добавить функцию выплывания картинок в листинге товаров, новинки и пр.
Рассмотрим добавление этой функции к новинкам на главной:
Открываем файл /templates/vamshop/module/new_products_default.html, и код:

Kod

{if $module_data.PRODUCTS_IMAGE}<a href=”{$module_data.PRODUCTS_LINK}”><img src=”{$module_data.PRODUCTS_IMAGE}” alt=”{$module_data.PRODUCTS_NAME}” title=”{$module_data.PRODUCTS_NAME}” /></a><br />{/if}

Меняем на:

Kod

{if $module_data.PRODUCTS_IMAGE}
<a class=”zoom” href=”{$module_data.PRODUCTS_IMAGE|replace:’thumbnail_images’:'popup_images’}”>
<img src=”{$module_data.PRODUCTS_IMAGE}” alt=”{$module_data.PRODUCTS_NAME}” title=”{$module_data.PRODUCTS_NAME}” />
</a>
<br />
{/if}

Вот и все.
4. Если кому то захочется показать бокс валюты выпадающим списком — скачайте вот этот файлик разархивируйте его и замените в /templates/vamshop/source/boxes/currencies.php
Спасибо автору блога molodezky.pp.ua, у меня в стандартном шаблоне в версии магазина 1.62 работает.
5. Поработаем с шапкой магазина, для этого откроем в блокноте файл templates\vamshop\index.html
Как видим вверху блок хедера:

Kod

<!– Шапка –>
<div id=”header”>
<div class=”header-left”>
<img src=”{$tpl_path}img/logo.png” alt=”{$store_name}” />
</div>
<div class=”header-right”>

</div>
<div class=”clear”>
</div>
<!– /Шапка –>

и вызов файла logo.png. Мы можем изготовить свой файл лого так же назвать его и загрузить с заменой оригинального в templates\vamshop\img\logo.png
Можно также изготовить еще один файл лого. Назовем его logo1.png и загрузим в папку templates\vamshop\img\
Изменим шапку:

Kod

<!– Шапка –>
<div id=”header”>
<div class=”header-left”>
<img src=”{$tpl_path}img/logo.png” alt=”{$store_name}” />
</div>
<div class=”header-right”>
<img src=”{$tpl_path}img/logo1.png” alt=”{$store_name}” />
</div>
<div class=”clear”></div>
</div>
<!– /Шапка –>

Второй лого будет в правой части хедера. Кстати таким образом можно разместить баннер. В стандартном шаблоне, чтобы не поломать дизайн, высоту картинки делайте не более 80 пикселей.
Все это касается стандартного шаблона.
6. Можно разместить баннеры или тизеры в шапке магазина с помощью абсолютного дива. Для этого откроем /templates/vamshop/index.html и после div id=”header” разместим примерно такой код:

Kod

Tizer.gif помещаем в папку img внутри папки стандартного шаблона.
Если тизеров несколько, просто повторяем внутри дива путь к ним. Все эти манипуляции в лоб конечно не такие изощренные, но зато один раз прописал и пользуйся, их же не так часто надо менять.
7. Те кто почему то не хочет регистрироваться на сайте vamshop.ru, хотя это ни к чему не обязывает, может просто закомментировать
строчки в файле /includes/header.php вот таким образом:

Kod

// if ((!file_exists(dirname($_SERVER['SCRIPT_FILENAME']) . ‘/vamshop.key’)) && (!file_exists(dirname($_SERVER['SCRIPT_FILENAME']) . ‘/vamshop.key.txt’))) {
// vam_output_warning(WARNING_VAMSHOP_KEY);
// }

Я конечно против этого, так как считаю неуважением автора скрипта, но у вас есть право выбора.
8. По умолчанию если товару присвоить цену 0, то в цене будет написано “бесплатно”.
Все бы ничего и это дело можно легко поправить в языковом файле. Но вот беда это же слово “бесплатно” используется в доставке. Как же можно разделить текстовую метку для доставки и карточки товара?
Открыть файл lang/russian/russian.php и добавить сразу за константой TXT_FREE у меня 574стр:

Kod

define(’TXT_FREE’,'<span class=”Requirement”><strong>бесплатно</strong></span>’);
575стр добавили
define(’TXT_FREE_2′,’<span class=”Requirement”><strong>Без цены</strong></span>’);

Затем в файле includes/classes/vam_price.php найти кусок кода, у меня 384стр:

Kod

if ($price == 0) {
$Pprice = TXT_FREE;
// $price = TXT_FREE;
}

и заменить его на

Kod

if ($price == 0) {
if (strpos($_SERVER['REQUEST_URI'], FILENAME_CHECKOUT_SHIPPING) !== false)
$Pprice = TXT_FREE_2;
else
$Pprice = TXT_FREE_2;
// $price = TXT_FREE;
}

Решение с нулледа, спасибо автору.
Продолжение следует:
Автор Stepan Demin . Использование и копирование статьи РАЗРЕШАЕТСЯ с указанием автора и ссылки на первоисточник Bloginforama

Posted in Shop | Tags: Open Source, VaM Shop, WebAsyst Shop-Script, атрибуты файлов, настройка магазина | No Comments »

Bloginforama

Archive for Август, 2011

Интернет-магазин VaM Shop настройка.