Vladislav
Новичок
Добрый день!
Есть сайт, представляющий собой базу редких фотографий. Что продается – услуга распечатки выбранных фотографий на различных материалах.
Страницы товара нет – пользователь находится в каталоге фотографий, кликает на нужное фото – появляется описание и кнопка "Добавить к заказу", после того как он нажимает на кнопку выбранное фото появляется в виджете корзины. Изначально виджет корзины не виден, и появляется только тогда когда закинут первый товар, виджет этот себя он представляет карусель (или слайдер) над шапокй сайта, где каждый слайд это закинутый товар, при наведении у товара появляется кнопка "Удалить из корзины", работает на ajax.
1. Первый вопрос – как реализовать этот самый ajax-виджет корзины?
Там же в виджете корзины есть кнопка "Оформит заказ", и вот тут начинается самое веселое.
При переходе на страницу оформления посетитель видит список выбранных им товаров (фотографий) и у каждого товара есть список параметров, которые ему нужно выбрать, об этом ниже. Далее на этой же странице идет блок с выбором вариант доставки – обычный таб-переключатель "Самовывоз / Доставка по городу / Доставка по России", у каждого таба свои поля для заполнения. Далее идет блок с выбором оплаты – такой же таб-переключатель как выше "Наличными при получении / Безналичный расчет / Счет для организаций".
И после всего этого идет кнопка (рядом с итоговой ценой) "Оформить заказ".
Подробнее про отдельный блок товара на этой странице – обычно на странице корзины у блока товара есть миниатюра, название, цена и есть опция – выбор количества. В моем случае блок с отдельным товаром сильно сложнее – у него тут есть другие опции – пользователю надо выбрать материал, на котором будет распечатана фотография (их четыре – на холсте, на пластике, фотообои, постер), и размер. С размером сложнее чем с материалом – на выбор есть стандартные размеры – 20x20, 40x60, 60x80, либо возможность выбрать свои размеры. При этом цена каждый раз пересчитывается – например "на холсте и 20x20" будет стоить 1000 рублей, а "на пластике и 40x60" – 1500.
Важный момент – стандартные размеры у каждой фотографии свои, так как все фотографии по пропорциям разные. А цены расчитываются из цены за квадратный метр конкретного материала. Плюс к цене складывается индивидуальная цена фотографии (цена за использование).
Так как не отдельной страницы товара – где обычно и происходит выбор параметров и в корзину уже летит товар с конкретными параметрами, то все это – выбор параметров – переноситься на страницу оформления.
2. Второй вопрос – как это реализовать? Что бы на странице оформления можно было так манипулировать с параметрами товара?
Далее – это еще не все – после заполнения всех полей пользователь нажимает на кнопку "Оформить заказ" – в этот момент создается заказ, менеджеру летит письмо, а пользователю показывается страница с сообщение что заказ находится на утверждении. менеджер проверяет заказ, если все норм – посылает покупателю письмо с возможностью оплатить.
3. Третий вопрос – как организовать этот сценарий с оплатой после подтверждения?
4. И четвертое – как в целом собрать такую страницу? Шорткоды не вариант – дизайн и все на странице очень кастомное.
Буду благодарен за любые идеи, у самого уже кончаются.
Есть сайт, представляющий собой базу редких фотографий. Что продается – услуга распечатки выбранных фотографий на различных материалах.
Страницы товара нет – пользователь находится в каталоге фотографий, кликает на нужное фото – появляется описание и кнопка "Добавить к заказу", после того как он нажимает на кнопку выбранное фото появляется в виджете корзины. Изначально виджет корзины не виден, и появляется только тогда когда закинут первый товар, виджет этот себя он представляет карусель (или слайдер) над шапокй сайта, где каждый слайд это закинутый товар, при наведении у товара появляется кнопка "Удалить из корзины", работает на ajax.
1. Первый вопрос – как реализовать этот самый ajax-виджет корзины?
Там же в виджете корзины есть кнопка "Оформит заказ", и вот тут начинается самое веселое.
При переходе на страницу оформления посетитель видит список выбранных им товаров (фотографий) и у каждого товара есть список параметров, которые ему нужно выбрать, об этом ниже. Далее на этой же странице идет блок с выбором вариант доставки – обычный таб-переключатель "Самовывоз / Доставка по городу / Доставка по России", у каждого таба свои поля для заполнения. Далее идет блок с выбором оплаты – такой же таб-переключатель как выше "Наличными при получении / Безналичный расчет / Счет для организаций".
И после всего этого идет кнопка (рядом с итоговой ценой) "Оформить заказ".
Подробнее про отдельный блок товара на этой странице – обычно на странице корзины у блока товара есть миниатюра, название, цена и есть опция – выбор количества. В моем случае блок с отдельным товаром сильно сложнее – у него тут есть другие опции – пользователю надо выбрать материал, на котором будет распечатана фотография (их четыре – на холсте, на пластике, фотообои, постер), и размер. С размером сложнее чем с материалом – на выбор есть стандартные размеры – 20x20, 40x60, 60x80, либо возможность выбрать свои размеры. При этом цена каждый раз пересчитывается – например "на холсте и 20x20" будет стоить 1000 рублей, а "на пластике и 40x60" – 1500.
Важный момент – стандартные размеры у каждой фотографии свои, так как все фотографии по пропорциям разные. А цены расчитываются из цены за квадратный метр конкретного материала. Плюс к цене складывается индивидуальная цена фотографии (цена за использование).
Так как не отдельной страницы товара – где обычно и происходит выбор параметров и в корзину уже летит товар с конкретными параметрами, то все это – выбор параметров – переноситься на страницу оформления.
2. Второй вопрос – как это реализовать? Что бы на странице оформления можно было так манипулировать с параметрами товара?
Далее – это еще не все – после заполнения всех полей пользователь нажимает на кнопку "Оформить заказ" – в этот момент создается заказ, менеджеру летит письмо, а пользователю показывается страница с сообщение что заказ находится на утверждении. менеджер проверяет заказ, если все норм – посылает покупателю письмо с возможностью оплатить.
3. Третий вопрос – как организовать этот сценарий с оплатой после подтверждения?
4. И четвертое – как в целом собрать такую страницу? Шорткоды не вариант – дизайн и все на странице очень кастомное.
Буду благодарен за любые идеи, у самого уже кончаются.
