[Snippet] & [Module] Shopkeeper (корзина и управление заказами)

Quote from: Andchir at Sep 03, 2009, 12:27 AM

Quote from: LFK at Sep 03, 2009, 12:02 AM

Все хорошо, но жутко неудобно делать "дизайн" в файле JS...

Дизайн таблицы с товарами? Это всё планируется, но можете привести пример что вы хотели изменить и почему пришлось лесть в JS?

Пример, без проблем. Допустим малая корзина заказов, по верстке идет так:

1. Отменить заказ
2. Вы заказали стока-то товаров на сумму 5 руб.
3. Оформить заказ

А надо сделать иначе:

1. Табличную верстку полностью заменить на блочную
2. Поменять местами или полностью изменить вывод этого блока, например

- вы заказали 5 товаров на сумму 5 рублей
- оформить заказ | отменить заказ

Чтобы все это сделать необходимо лезть в JS и там все править, потому что шаблон вывода находится именно там. Кстати, я так и не понял назначения чанка shopCart. Только то, что вставляй данные в место с ID таким-то. Правильно?

Надо проще, чтобы создал чанк "smal_cart_tpl", забил туда плейсхолдеры и забыл. При этом нет необходимости лезть в код. Например я JS знаю очень плохо и поэтому лазить в его коде, чтобы поменять верстку для меня превращается в каторгу ))

Как-то так.

Quote from: LFK at Sep 03, 2009, 11:17 PM

Пример, без проблем. Допустим малая корзина заказов, по верстке идет так...

Я думал что-то новое, а тут опять малая корзина . Ок. Спасибо.

Quote from: LFK at Sep 03, 2009, 11:17 PM

Кстати, я так и не понял назначения чанка shopCart. Только то, что вставляй данные в место с ID таким-то. Правильно?

В этом шаблоне можно изменять сам блок корзины. Т.е. верстку "обертки" корзины.

Quote from: Andchir at Sep 04, 2009, 01:15 AM

Quote from: LFK at Sep 03, 2009, 11:17 PM

Пример, без проблем. Допустим малая корзина заказов, по верстке идет так...

Я думал что-то новое, а тут опять малая корзина . Ок. Спасибо.

Quote from: LFK at Sep 03, 2009, 11:17 PM

Кстати, я так и не понял назначения чанка shopCart. Только то, что вставляй данные в место с ID таким-то. Правильно?

В этом шаблоне можно изменять сам блок корзины. Т.е. верстку "обертки" корзины.

Да тут на самом деле совсем не важно, малая это корзина или нет, я просто показал пример. Большая корзина тоже там же, ну и т.д.

Вопрос вот какой, когда в принципе планируете исключить верстку из кода и выделить для верстки отдельные шаблоны, простые, в виде чанков? Так удобней, согласитесь.

Просто хочу понять, стоит ждать или начать рассматривать другие решения.

Спасибо

Quote from: LFK at Sep 04, 2009, 04:51 AM

Вопрос вот какой, когда в принципе планируете исключить верстку из кода и выделить для верстки отдельные шаблоны, простые, в виде чанков? Так удобней, согласитесь.

Я согласен, что так удобнее. Если бы изначально делал сниппет полностью на php, то с шаблонами проблем бы не было. С JavaScript тут немного сложнее.
Когда будет это сделано сказать точно не могу. Боюсь называть даже примерные сроки, т.к. у меня всё быстро меняется. Да и альтруизм не мой конек . Копилочка в блоге почти пустая. Так что буду делать (и выкладывать) в первую очередь то что нужно лично мне.

Quote from: Andchir at Sep 04, 2009, 05:12 AM

Quote from: LFK at Sep 04, 2009, 04:51 AM

Вопрос вот какой, когда в принципе планируете исключить верстку из кода и выделить для верстки отдельные шаблоны, простые, в виде чанков? Так удобней, согласитесь.

Я согласен, что так удобнее. Если бы изначально делал сниппет полностью на php, то с шаблонами проблем бы не было. С JavaScript тут немного сложнее.
Когда будет это сделано сказать точно не могу. Боюсь называть даже примерные сроки, т.к. у меня всё быстро меняется. Да и альтруизм не мой конек . Копилочка в блоге почти пустая. Так что буду делать (и выкладывать) в первую очередь то что нужно лично мне.

Я Вас понял, спасибо.

Таки не работает при использовании дополнительного jQuery в шаблоне.

* jQuery используется для увеличения картинки (эффект лупы) - используются jQuery 1.2.3 и jquery.magnify-1.0.2.js
* параметр &noJQuery=`1` позволяет отработать событие на картинке, но в корзину товар не добавляет.
* соответственно &noJQuery=`0` делает добавление в корзину рабочим, но лупа на картинка не работает.
* комментирование <!--<script src=\"assets/snippets/shopkeeper/jquery.cookie.js\" type=\"text/javascript\"></script>--> ничего не дало.

как убить двух зайцев?

Quote from: tius at Sep 04, 2009, 02:31 PM

Таки не работает при использовании дополнительного jQuery в шаблоне.

* jQuery используется для увеличения картинки (эффект лупы) - используются jQuery 1.2.3 и jquery.magnify-1.0.2.js
* параметр &noJQuery=`1` позволяет отработать событие на картинке, но в корзину товар не добавляет.
* соответственно &noJQuery=`0` делает добавление в корзину рабочим, но лупа на картинка не работает.
* комментирование <!--<script src=\"assets/snippets/shopkeeper/jquery.cookie.js\" type=\"text/javascript\"></script>--> ничего не дало.

как убить двух зайцев?

Попробуйте обновить jQuery 1.2.3 до последнего. По идеи, если jquery.magnify был заточен под JQuery 1.2.3, то будет работать и на новом. Shopkeeper на старом JQuery не тестировался.

Quote from: Andchir at Sep 04, 2009, 02:47 PM

Попробуйте обновить jQuery 1.2.3 до последнего. По идеи, если jquery.magnify был заточен под JQuery 1.2.3, то будет работать и на новом. Shopkeeper на старом JQuery не тестировался.

=) Огромное спасибо. Все заработало.

Методом тыка обнаружил, что класс "shop-stuff" нужно использовать только в DIV’ной конструкции.
Как же тогда вывести товары в 2 колонки?
В таблицах вывод получается, но тогда кнопка-в корзину перестает функционировать. Как быть?

Quote from: autogen at Sep 05, 2009, 05:02 AM

Методом тыка обнаружил, что класс "shop-stuff" нужно использовать только в DIV’ной конструкции.
Как же тогда вывести товары в 2 колонки?
В таблицах вывод получается, но тогда кнопка-в корзину перестает функционировать. Как быть?

Подобный вопрос уже был. Думаю это оправдано, но забыл написать этот момент в доку.
Во-первых можно DIV вставить в ячейку таблицы.
Второй вариант - не использовать таблицу. В файле .../shopkeeper/style.css есть стили для кроссбраузерного inline-block. Если использовать это и пример из chunk_shopStuff.txt, то дивы будут выстраиваться рядом без использования float:left и если верстка "резиновая", то блоки будут переноситься без зацеплений. Это не валидно, но работает. А если нужна валидность, то это сделать не сложно при помощи условный комментариев для IE, а кусок для firefox2 можно убрать.