IPB

Здравствуйте, гость ( Вход | Регистрация )

> Правильно формулируйте вопросы - Вам быстрей ответят

Перед подачей запроса воспользуйтесь сервисом Поиск. Возможно Ваш вопрос уже был задан и доступно быстрое решение.

Для максимально быстрого решения проблемы обязательно укажите:
- адрес Вашего сайта + наименование хостинга (локальный/внешний)
- номер установленного релиза PHPSHOP CMS FREE (Указывается в админпанели. Пример PHPShop CMS Free (сборка 34501).
- подготовьте принтскрин Вашей проблемы (снимок рабочего стола в момент ошибки) и прикрепите принтскрин в теме.
- укажите наименование и/или номер ошибки.
- подробно опишите алгоритм Ваших действий при выполнении поставленной задачи

Доступная документация: http://wiki.phpshopcms.ru

Самые свежие релизы в центре загрузки: http://phpshop.ru/page/downloads.html

Голосуйте и добавляйте свои идеи для PHPSHOP CMS FREE: http://idea.phpshop.ru/

 
Ответить в данную темуНачать новую тему
> Всплывающее окно при нажатии "В корзину", Реализация всплывающего окна при нажатии на кнопку "В корзину"
tolyanich7
сообщение 24.1.2016, 16:28
Сообщение #1


Участник
**

Группа: Пользователи
Сообщений: 16
Регистрация: 13.10.2014
Пользователь №: 4413
Создано сайтов: 1



При поддержке Denniona удалось реализовать всплывающее окно, может кому-то еще пригодится:

Как это выглядит:
Прикрепленный файл  vsplivokno.bmp ( 266,01 килобайт ) Кол-во скачиваний: 11

На странице товара при нажатии на кнопку "В корзину" появляется окно с заголовком "Оформить заказ" и двумя кнопками: "Оформить заказ" и "Продолжить покупки". После нажатия на кнопку "Оформить заказ" пользователь попадает в корзину, при нажатии на - "Продолжить покупки", страница просто обновляется и окно закрывается.

Шаблон Bootsrap (в других тоже должно работать)

УСТАНОВКА
1. В файлы из шаблона из директории phpshop\templates\bootstrap\main shop.tpl и index.tpl вставляем следующий код перед тегом </body>:

Код
             <!--/ Всплывающее окно -->
        <div class="modal fade bs-example-modal-sm" id="modalcart" name="modalcart" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title" id="myModalLabel">Оформить заказ</h4>
                    </div>
                    <div class="modal-body">
                       <a href="/order/" class="btn btn-warning center-block">Оформить заказ</a><br/><button class="btn btn-sm  center-block">Продолжить покупки</button>

                    </div>
                </div>
            </div>
        </div>
        <!--/ Всплывающее окно -->


2. В файл модуля корзины из директории phpshop\modules\cart\inc cart.inc.php ищем функцию function getCart() и в input добавляем параметр data-id="'.$this->productID.'" :

Код
<input type="button" value="В корзину" data-id="'.$this->productID.'" class="buy-but" title="Положить в корзину">


3. В джаваскрипт из шаблона из директории phpshop\templates\bootstrap\js phpshop.js вставляем следующий код после var ROOT_PATH = '';, должно получиться:

Код
var ROOT_PATH = '';
    $('.buy-but').on('click', function(event) {
        event.preventDefault();

        $.ajax({
        mimeType: 'text/html; charset=windows-1251', //
        url: '?item='+$(this).attr('data-id'),
        type: 'post',
        data: 'str',
        dataType: "html",
        async: false,
        success: function() {
         $("#modalcart").modal('show');
         $('#modalcart').on('hidden.bs.modal', function (e) {
        window.location.reload();
        })
        }
    });
    });


4. Добавляем в файл стилей из директории phpshop\templates\bootstrap\ style.css следующую строчку:

Код
input.buy-but
{
    cursor: pointer;
    color: #202020;
    width: 150px;
    padding: 5px 0px;
    text-align: center;
    cursor: pointer;
    background-color: #ffec64;
    border: 1px solid #ffaa22;
    display: inline-block;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}



На этом все! Если есть вопросы, задавайте
Перейти в начало страницы
 
+Цитировать сообщение
sgu
сообщение 28.1.2016, 23:54
Сообщение #2


Новичок
*

Группа: Пользователи
Сообщений: 2
Регистрация: 28.1.2016
Пользователь №: 4508
Версия CMS Free: 4
Создано сайтов: 4



Если кого интересует, то я сделал платное похожее решение, но полностью без перезагрузки страницы с подсчетом товаров в корзине, что гораздо удобнее при массовом добавлении в корзину.
ссылка на покупку дополнения с инструкцией по установке

Перейти в начало страницы
 
+Цитировать сообщение
Dennion
сообщение 29.1.2016, 10:30
Сообщение #3


Администратор
***

Группа: Главные администраторы
Сообщений: 5910
Регистрация: 20.8.2009
Из: Москва
Пользователь №: 1
Версия CMS Free: 3.3



Прикольно smile.gif
Перейти в начало страницы
 
+Цитировать сообщение

Ответить в данную темуНачать новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



RSS Текстовая версия Сейчас: 19.9.2019, 5:33