Вход для клиентов
Правильная корзина покупок
В интернет-магазине «Мега Подарки» классно сделана корзина покупок — когда посетитель магазина добавляет продукты в корзину, продукты становятся видны в корзине визуально.
Когда в заказе ничего нет, корзина выглядит пустой. |
Когда заказ непустой, в корзине появляются продукты. |
Сделать так в WebAsyst Shop-Script довольно просто — в дизайн-редакторе во вкладке редактирования стилей CSS.
Блок корзины в пользовательской части магазина всегда помещается в div с классом cpt_shopping_cart_info:
<div class="cpt_shopping_cart_info"> ...здесь отображается содержимое корзины покупателя... </div>
Если в корзине есть продукты, то на этот блок автоматически добавляется идентификатор #cart_not_empty:
<div class="cpt_shopping_cart_info" id="cart_not_empty"> ...здесь отображается содержимое корзины покупателя... </div>
Различное отображение корзины в зависимости от ее заполненности можно задать с помощью описания стилей для #cart_not_empty. Войдите в дизайн-редактор вашего интернет-магазина и щелкните по вкладке «Стили (CSS)». Найдите описание класса cpt_shopping_cart_info. Оно выглядит примерно так:
.cpt_shopping_cart_info {
background: transparent url("../../images/shopping-cart-empty.gif") no-repeat top left;
background-position: 28px 38px;
}
Чтобы сделать отображение корзины другим, когда она полная, достаточно после объявления этого класс добавить описания #cart_not_empty:
#cart_not_empty {
background: transparent url("../../images/shopping-cart-full.gif") no-repeat top left;
...
}
В описании класса вы можете использовать любые CSS-правила: цвет фона, фоновое изображение и т.д.
замечательно.
но лучше бы вы сперва дорботали напрмер это!
у вас в URL присутствует productID и categoryID.
если в браузер вбить productid и categoryid - то выдается 404 ошибка.
это актуально для хостинга на UNIX. (в винде не проверял).
это очень большая проблема, так как некоторые сайты(движки) заглавные буквы превращают в прописные.
в следствии чего в панели вебмастера появляются ошибки о неправильных(несуществующих) страницах.
на сайте клиента я это исправил с помощью htaccess.
но можно было это и вам сделать нормально изначально.
Comment от nail — Октябрь 10, 2009 @ 12:08 пп
За много лет мы ни разу не встречали такой ситуации, когда заглавные буквы в названиях переменных сервером заменялись бы сточными. Что это за хостинг?
Т.е. я не вижу в этом совершенно никакой проблемы. Вероятно, в вашем случае дело в чем-то другом. Из такого описания совсем неясно, что у вас происходит.
Если у вас действительно какая-то проблема с этим, опишите более подробно ситуацию в запросе в службу поддержки — вам помогут.
Comment от Владимир Тупоршин — Октябрь 11, 2009 @ 3:35 дп
Хостинг Мажордомо =)))
Да и у многих такое выдает!!!
Блин, это же кошмар и жесть =))))
Вот например:
http://www.neocub.ru/index.php?categoryid=2
http://www.neocub.ru/index.php?categoryID=2
http://www.mega-podarki.ru/index.php?categoryid=2
http://www.mega-podarki.ru/index.php?categoryID=2
Как видите, результат один и тот же!!!!
Comment от nail — Октябрь 14, 2009 @ 5:38 дп
Вернее ответ сайта разный!
то есть , есть отличия при categoryid и categoryID
Comment от nail — Октябрь 14, 2009 @ 5:40 дп
Естественно, ведь categoryid и categoryID — это разные параметры.
Шоп-скрипт принимает только categroryID, а все другие комбинации (хоть CATEGORYID, хоть categoryid) не воспринимает, потому что это уже другие переменные.
Comment от Владимир Тупоршин — Октябрь 14, 2009 @ 9:58 дп
Способ который вы указали с пустой-полной корзиной работает, НО
картинка корзины не изменяется пока принудительно не перегрузишь страницу.
Что-нибудь можно сделать?
Comment от Андрей_Ка — Февраль 23, 2010 @ 5:06 дп
в данном случае я бы порекомендовал Вам просто подгрузить заранее картинку полной корзины на страницу, т.к. отстутствие обновления картинки может быть связано с тем, что она просто не загружена браузером. Или воспользуйтесь средствами jquery $(div#cart_not_empty > img).style(’background’,'url(”../../images/shopping-cart-full.gif”)’);
Для этого правда придется подключить саму библиотеку jquery и немного разобраться с тем, как она работает.
Comment от Илья — Март 11, 2010 @ 11:23 дп
В целом же статья более чем информативна, но вопросов по адаптации дизайна возникает куда больше. Хотелось бы увидеть руководство разработчика. А пока я его не нашел.
Comment от Илья — Март 11, 2010 @ 11:24 дп
А почему-бы разработчикам не сделать это в WA SS штатно, а не писать у себя в блоге, как пользователи могут сделать в из продукте руками, чтобы было правильно?
Comment от www.po.kiev.ua — Июль 17, 2010 @ 11:14 дп