О 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} – […]

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

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

VAM shop при загрузке изображений товаров генерирует картинки согласно выставленных размеров в админке в разделе Основные – Картинки. Это удобно, не нужно вручную подгонять изображения. Скрипт сам ужмет при загрузке картинки по максимально возможной стороне изображения. Но если сменить размеры в настройках, то они не изменятся при выводе в публичной части магазина. Т.е. получается что […]

Про png-прозрачностьуже написано очень много, нового я не добавлю. Я расскажу лишь, как это правильно сделать на VAM shop.

По умолчанию на карточке товара информация о производителе не выводится. В принципе, в ФАКе на офф-сайте VAM shop’a описано, как выводить название производителя, но мы введём дополнительные метки логотипа и ссылки на сайт производителя.

В VAM shop боксе “Контент” кроме ссылок на соответствующие статьи выводятся телефон, icq и Skype, если Вы их указали в админке Настройки – Мой магазин. Немного улучшим функциональность, разместив индикаторы статуса.