Описание: интернет-магазин футболок. Что делалось: верстка, натяжка, кастомизация шаблона на VAMShop. Особенности: реализован просмотр дополнительных цветов товара с помощью вкладок + индивидуальный вывод допкартинок, внедрена подгрузка индивидульных шрифтов, добавлен дополнительный блок банеров, корзина вида «x товаров». Адрес: buy.shift.st

Как сделать закладки на странице карточки товара написано в “Вопросах и ответах” оффсайта. Но информация там уже устарела, поэтому я и публикую этот пост. В админке на странице start.php основная информация по клиентам, заказам и товарам выводится в закладках. Сделаны они с помощью jQuery. Не будем изобретать велосипед и те же скрипты используем на карточке […]

О CSS хаках написано уже довольно много и этот пост я пишу скорее для себя, чтобы всё систематизировать. Такие же посты я напишу и для других браузеров. Для IE также можно использовать условные комментарии, но лично мне импонируют хаки за наглядность и быстроту их вставки в таблицу стилей. Перечислю те хаки, которые я использую:

Хотите, чтобы пользователи автоматически добавляли ссылки на ваши товары в закладочные сервисы, увеличивая индекс цитирования вашего интернет-магазина и его популярность? Для этого делаем следующее:

Создаем однопиксельный прозрачный gif с именем transparent.gif. Ложим в корневую папку сайта (если в другую, то нужно поправить путь к файлу в коде ниже). В css прописываем: * html img, * html .png{ azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf(’.png’)>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + this.src + "’, sizingMethod=’image’)", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg […]

Часто нужно вывести название и контактные данные магазина на страницах шаблона. Название магазина выводится меткой {$store_name}. Для остальных же данных меток нет. Но их можно легко вывести, вставляя в нужные места следующие константы: {$smarty.const.STORE_TELEPHONE} – телефон; {$smarty.const.STORE_OWNER} – владелец; {$smarty.const.STORE_OWNER_EMAIL_ADDRESS} – E-Mail адрес; {$smarty.const.STORE_ICQ} – ICQ; {$smarty.const.STORE_SKYPE} – Skype; {$smarty.const.EMAIL_FROM} – E-Mail от; {$smarty.const.EMAIL_BILLING_ADDRESS} – […]

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

Описание: интернет-магазин одежды. Что делалось: верстка, натяжка, кастомизация шаблона на VAMShop. Особенности: сверстан на основе шаблона templatemonsters.com. Главной особенностью шаблона является слайдер на главной странице сайта, отображающий товары из раздела «Рекомендуемые». Добавлен вывод производителя и модели в листинг товаров. PNG-прозрачность. Адрес: albertsrudio.lt

Часто в боксы VAM shop требуется вывести дополнительную информацию, ведь по умолчанию там выводится только название, картинка и цена. Добавим туда производителя и краткое описание.