Archive for the ‘Shop’ Category
Интернет-магазин VaM Shop настройка.
В предыдущей статье я описал установку магазина на скрипте VaM Shop.
Скрипт установлен, магазин работает, теперь его надо настроить, довести до ума шаблон, улучшить работу скрипта в плане юзабилити и пр.
В сети выложено определенное количество наработок, которые я просто озвучу, естественно не забыв авторов, а также расскажу о том что я самостоятельно изменил в работе магазина.
1. Дело в том, что ваш клиент, рекламирующий свои товары или услуги на вашем ресурсе, конечно хотел бы видеть свою персональную страницу в красивом оформлении. Эта страница как бы отдельно не предусмотрена в структуре магазина, но оною можно считать страницу категории.
В админке верхняя часть страницы категории оформляется средствами HTML, далее идет блок подкатегорий данной категории и еще ниже в стандартном варианте блок “Новинки”.
Как красиво оформить верхнюю часть, тема отдельного рассказа, но есть один нюанс:
Естественно нам захочется туда поместить какие то картинки, которые давали бы представление о клиенте, и лучше средствами PopUp сделать их выплывающими, но нам мешает обязательная стандартная картинка категории, которая не вписывается в дизайн. Что делать?
Находим файл \templates\vamshop\module\categorie_listing\ и в нем строчки:
{if $CATEGORIES_IMAGE}
<p>
<img src=”{$CATEGORIES_IMAGE}” alt=”{$CATEGORIES_NAME}” />
</p>
{/if}
Все – ненужной картинки нет.
2. Когда мы будем оформлять верхнюю часть страницы, как я уже говорил, желательно картинки сделать выплывающими. Как это сделать?
В статье “Добавляем показ pop-up картинок в листинге товаров” уважаемого mosquito описано как сделать просмотр увеличенных картинок в листинге товаров. Тут я понял, что скриптом вывода картинок в версии VaM Shop 1.62 является “fancybox”. Таким образом, чтобы вывести нашу попап картинку средствами HTML, надо вызов большой и маленькой картинки оформить с применением класса “zoom”. Выглядит это примерно так:
<a class=”zoom” href =”img/1.jpg” alt=”" title=”" /><img src=”img/01.jpg” WIDTH=”px” HEIGHT=”px” align=”center” /></a>
3. Уважаемый mosquito в статье “Добавляем показ pop-up картинок в листинге товаров” на своем блоге blog.m-solutions.com.ua описывает как сделать просмотр увеличенных картинок в листинге товаров.
Для этого совершим несколько действий:
1. Подключим jquery/fancybox для всех страниц магазина, что нам пригодится не только в этом случае.
Открываем файл includes/header.php код, и меняем:
<?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
}
?>
<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>
Рассмотрим добавление этой функции к новинкам на главной:
Открываем файл /templates/vamshop/module/new_products_default.html, и код:
{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}
{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
Как видим вверху блок хедера:
<!– Шапка –>
<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>
<!– /Шапка –>
Можно также изготовить еще один файл лого. Назовем его logo1.png и загрузим в папку templates\vamshop\img\
Изменим шапку:
<!– Шапка –>
<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>
<!– /Шапка –>
Все это касается стандартного шаблона.
6. Можно разместить баннеры или тизеры в шапке магазина с помощью абсолютного дива. Для этого откроем /templates/vamshop/index.html и после div id=”header” разместим примерно такой код:
<div style=”WIDTH:615px; height: 80px; PADDING:1px; right: 10px; MARGIN: -5px; POSITION: absolute; border: 0px; BACKGROUND-COLOR: transparent”>
<a href=”"><img src=”/templates/vamshop/img/Tizer.gif” alt=”" title=”" width=”150″ height=”80″ border=”0″>
</div>
Если тизеров несколько, просто повторяем внутри дива путь к ним. Все эти манипуляции в лоб конечно не такие изощренные, но зато один раз прописал и пользуйся, их же не так часто надо менять.
7. Те кто почему то не хочет регистрироваться на сайте vamshop.ru, хотя это ни к чему не обязывает, может просто закомментировать
строчки в файле /includes/header.php вот таким образом:
// 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стр:
define(’TXT_FREE’,'<span class=”Requirement”><strong>бесплатно</strong></span>’);
575стр добавили
define(’TXT_FREE_2′,’<span class=”Requirement”><strong>Без цены</strong></span>’);
if ($price == 0) {
$Pprice = TXT_FREE;
// $price = TXT_FREE;
}
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
Интернет-магазин VaM Shop установка.
Я опубликовал статью Интернет магазин – WebAsyst-Shop-Script, незаслуженно забыв про установленный ранее и запущенный в работу VaM Shop.
Вы знаете, чем ближе я знакомился с этим скриптом, тем он мне больше нравился. Перечислять достоинства не буду, он явно не круче остальных скриптов, но исполнен добротно и уверенно развивается. Кроме того у него есть преимущество, которое очень существенно. Так как движок собран по принципу Open Source, то есть бесплатен по определению, вы можете работать с ним, пока не созреете для покупки не боясь бэкдоров и прочих стучалок. Да и после доводки, стандартный шаблон приобрел более менее человеческий вид. После покупки вы получите техническую поддержку, работу с почтой в магазине и дополнительные модули.
Итак, исправляю ошибку, первое начну с описания установки.
Первое, нам надо в папку установки скопировать установочные файлы, далее набираем адрес http://мойсайт.com/index.php и видим страницу, где показано сколько шагов нам надо пройти.
Тут же небольшое описание скрипта, выбор языка и самое главное результаты проверки вашего сервера на совместимость с VaM Shop. Как видите у нас с этим порядок.
Тут же оговорюсь, порядок у нас потому что я устанавливаю скрипт на локалхосте, на Денвере, который собран на Винде и поэтому нет проблем с правами доступа к файлам и папкам.
Когда вы будете устанавливать магазин у хостера, то скорее всего получите вот такую картинку:
И уже после того как вы, удобным для вас способом, измените права доступа, при обновлении страницы высветится вот такое окошко:
Как поменять права доступа с помощью “Тотал Коммандер” у меня описано в статье “Wordpress – атака клонов.Часть8. Заработок в интернете, адаптирование базы MySQL, Sypex Dumper Lite, апдейт плагинов, исправление уязвимостей”, абзац “Что такое атрибуты файлов или CHMOD777 ?”
Далее, в шаге первом, на странице мы видим настройки доступа к базе данных и настройки веб сервера. Ясно что вы должны заранее создать базу и запомнить имя пользователя и пароль для доступа к базе данных. Сервер базы данных в 99% “localhost” без кавычек.
Перешли на вторую страницу, с нашей вновь созданной базой соединились успешно!
Таблицы скопировались, что и следовало ожидать.
На следующей странице оставляем настройки по умолчанию.
И этот шаг прошли успешно!
На следующей странице осуществим предварительную настройку магазина.
Как видите все у нас хорошо.
Жмем “Каталог” и попадаем на главную страницу магазина:
Удаляем папку “install” и приступаем к настройке и заполнению магазина товаром.
Автор Stepan Demin . Использование и копирование статьи РАЗРЕШАЕТСЯ с указанием автора и ссылки на первоисточник Bloginforama
Интернет магазин – WebAsyst-Shop-Script.
В первой из серии статей на тему “Интернет магазины” Интернет магазин – мой выбор ShopCMS. я сказал что не буду описывать администрирование этого маазина так как все там понятно.
Оказалось еще проще, ничего описывать не надо, так как не получилось с переносом с локалхоста на хост в интернете. На сервере был установлен PHP 5.3.5 а он с ZEND’ом не дружит из за этого, надо было брать другой пакет, оказалось проще поменять скрипт магазина. Поставили WAM, неплохой средненький вариант. Работает неплохо, нареканий вроде нет, проблема только как практически у всех скриптов магазинов – трудно найти красивый шаблон. Здесь вообще у меня впечатление что шаблоны изготовлены в году этак двухтысячном.
Жизнь идет вперед и захотелось мне попробовать скрипт помощней, вот так я дошел до WebAsyst Shop-Script.
Начнем с установки, вроде все всем понятно, но оказалось не все, а тем кто в танке вообще ничего не понятно.
Так что по просьбам трудящихся кое что придется обьяснить.
Итак небольшаяя инструкция к применению.
Наши действия:
Копируем файлы скрипта в корневую папку сервера. Их две, если вы будете устанавливать скрипты в автоматическом режиме что предпочтительно для непрофессионалов, распаковываем только setup.tar.gz. Рекомендуется изменить права коренной папки на максимальныый допуск(755 или 777).
Набираем адрес мастера установки http://мойсайт.com/install.php и видим окошко
Ставим чек, продолжить и выходим и следующее окошко.
Здесь перечислены системные требования. У нас настройки сервера в норме, все зелененько, так что двигаем дальше.
Как мы решили раньше, выбираем автоматическую установку, права доступа оставляем – 755.
WebAsyst инсталляционный пакет включает в себя wbs.tgz архивный файл. Install.php сценарий извлекает все файлы и подкаталоги из архива wbs.tgz и копирует их в каталог, куда вы устанавливаете WebAsyst.
Идет процесс распаковки файлов из архива wbs.tgz.
Заполняем поля с данными подключения к базе данных в том случае если она заранее создана. Если вы не создали заранее базу MySQL – создайте ее с помощью мастера.
Тут же указываем данные админа и относительный путь к директории установки WebAsyst на вашем сайте..
Примеры: если вы установили WebAsyst в папку http://www.yourwebsite.ru/folder/subfolder/webasyst/, введите “folder/subfolder/webasyst” (без кавычек). Если вы установили скрипты в корень сайта, введите слеш — / (также без кавычек).
Готово! Запишите данные – “Вход в WebAsyst и Доступ к WebAsyst Installer”.
Входим в админку по ссылке:
И получаем главную страницу
Но перед этим нажмем на ссылку в правом верхнем углу.
И в следующем окошке назначаем логин и пароль для доступа к Installer.
И входим:
Не забываем для защиты WebAsyst удалить файлы:
А также проверить наличие в директориях data/, dblist/, kernel/, system/ и temp/ файла .htaccess с записью “Deny from all”(без кавычек). Это минимальная защита препятствуящая прямому доступу злоумышленника к директориям с помощью браузера.
Для нормальной работы установим права доступа на запись на следующии директории вместе с вложенными поддиректориями: data/ + вложенные поддиректории, dblist/kernel/kernel/includes/smarty/compiled/ + вложенные поддиректории, published/publicdata/ + вложенные поддиректории, temp/, published/ + все директории содержащих поддиректорию localization/(на всякий случай знайте что обычно это обозначается так: – published/…/localization/).
Для всех остальных папок “только чтение”. При обновлении, на время придется поменять права на запись всех файлов и директорий.
Автор Stepan Demin . Использование и копирование статьи РАЗРЕШАЕТСЯ с указанием автора и ссылки на первоисточник http://bloginf.com
