Jump to content
Sign in to follow this  
Stasi

Кнопка Купить, ведущая на страницу оформления товара

Recommended Posts

Подскажите, а как сделать, чтобы кнопка "купить" добавляла товар в корзину? У меня сейчас она работает просто как ссылка на страницу оформления заказа: <br/><a href="http://site.ru/index.php?route=checkout/fastorder/fastorder" class="button"><i></i>  <?php echo $text_one_click_buy; ?></a> (product.tpl)

Share this post


Link to post
Share on other sites

text_one_click_buy - ни о чем этот текст не говорит?

Это не кнопка покупки - а заказ в 1 клик, кнопка покупки другая, с другим кодом.

Share this post


Link to post
Share on other sites

text_one_click_buy - ни о чем этот текст не говорит?

Это не кнопка покупки - а заказ в 1 клик, кнопка покупки другая, с другим кодом.

Кнопку переименовать-не проблема, лучше рассказали бы поподробнее про код.

Share this post


Link to post
Share on other sites

Чувствуется, что Вам немножко рановато еще к коду лезть. Немного html+php подучить.

<a href="http://site.ru/index...order/fastorder"

Это вот ссылка.

А так вот прописывается в дефолте 1.5 кнопка покупки

input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" />

При клике вызывает событие "добавить в корзину продукт с определенным id"

Share this post


Link to post
Share on other sites

Чувствуется, что Вам немножко рановато еще к коду лезть. Немного html+php подучить.

<a href="http://site.ru/index...order/fastorder"

Это вот ссылка.

А так вот прописывается в дефолте 1.5 кнопка покупки

input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" />

При клике вызывает событие "добавить в корзину продукт с определенным id"

не работает, мы в ветке обсуждения второй версии. 

Share this post


Link to post
Share on other sites

Ну да, ступил )

Хорошо, вот во 2-ой версии, дефолт шаблон в категориях (ну и модулях)

<div class="button-group">
                <button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
                <button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
                <button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>
</div>

И еще, в карточке продукта

<div class="button-group">
              <button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span> <i class="fa fa-shopping-cart"></i></button>
              <button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
              <button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>
</div>

Сразу весь блок кнопок - купить, избранное, сравнение. Ищем код срабатывания (onclick) - думаем, пробуем, еще раз пробуем - профит.

П.С. - а зачем такой мусор в шаблоне?   (<i></i>   <br/>)?

Edited by hoolygan

Share this post


Link to post
Share on other sites

Ну да, ступил )

Хорошо, вот во 2-ой версии, дефолт шаблон в категориях (ну и модулях)

<div class="button-group">
                <button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
                <button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
                <button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>
</div>

И еще, в карточке продукта

<div class="button-group">
              <button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span> <i class="fa fa-shopping-cart"></i></button>
              <button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
              <button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>
</div>

Сразу весь блок кнопок - купить, избранное, сравнение. Ищем код срабатывания (onclick) - думаем, пробуем, еще раз пробуем - профит.

П.С. - а зачем такой мусор в шаблоне?   (<i></i>   <br/>)?

как бы я знала,зачем мне этот мусор, я же не программист))) но! кнопку сделала уже)))Спасибо Вам всё равно. А вот и кнопка: 

./public_html/catalog/view/theme/.../template/product/product.tpl:

<input type="button" class="button" value="Купить" id="oneclickbuy">(это сама кнопка)

и ниже, где аяксы: 

$('#oneclickbuy').bind('click', function() {
$.ajax({
url: 'index.php?
 
route=checkout/cart/add',
type: 'post',
data: $('.product-info input[type=\'text\'], .product-info 
 
input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, 
 
.product-info select, .product-info textarea'),
dataType: 'json',
success: function(json) {
 
$('.success, .warning, .attention, information, .error').remove();
 
if 
 
(json['error']) {
if (json['error']['option']) {
for (i in 
 
json['error']['option']) {
$('#option-' + i).append('<span class="error">' + 
 
json['error']['option'] + '</span>');
}
}
 
 
if (json['success']) {
 
window.location="ссылка";
$('#cart-
 
total').html(json['total']);
 
getCartMobile();
}
}
});
});
 

 

здесь мусора нет?

Edited by Stasi

Share this post


Link to post
Share on other sites

Если захотите ствить 2 языка, кнопка с назвпнием "купить" так и останется. Некошерно писать текст в шаблоне. Правильно использовать переменные и делать <?php echo $имя_переменной.

Так правильней будет.

Share this post


Link to post
Share on other sites

Если захотите ствить 2 языка, кнопка с назвпнием "купить" так и останется. Некошерно писать текст в шаблоне. Правильно использовать переменные и делать <?php echo $имя_переменной.

Так правильней будет.

учту. спасибо.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By whiteblue
      Модуль позволяет очень просто, быстро настроить отдельные схемы кода и просто любой информации для схем, групп продуктов, категорий и производителей.
       
      Возможности модуля:
      1. Гибкие настройки и фильтры, вывод любой информации на всех страницах сайта, вывод по отдельным категориям, товарам, производителям, добавление настроек ко всем товаров категории (Продукты категорий) и ко всем товарам производителя (Продукты производителей), макетам.
       
      2.Фильтр "URL содержит". Можно добавить настройку для отдельных страниц сайта, если в url страницы содержится введенное значение. В карточке товар поиск из полного урла, в категории - ключевое слово из таблицы seo_url.
       
      3. Возможность вывода любой информации в любой части страницы: Любой html, js, jquery, ajax–код и в любой части странице Выберите селектор блока и положение данных, относительно блока (перед, после, вместо).
       
      4. Возможность замены блока полностью или только его содержимого.
       
      5. Селекторы можно использовать абсолютно любые, от класса, заканчивая набором элементов, любые схемы селекторов, для jquery.
      6. Копировать настройки из ранее созданных схем.

      7. Настройка гибких условий отображения настроек в товарах. Условия И, ИЛИ, НЕ. Например, выбираем для вывода Продукты категорий КРОМЕ определенных товаров; выбираем продукты категорий И товары производителей. ИЛИ используется по-умолчанию. Название блоков являются кнопками, которые можно использовать для составления условий.
       
      8. Использовать в настройках переменные товара. Введены переменные $product и $products, которое можно использовать в настройке в блок Код блока.
      $products - массив со всеми выбранными товарами.
      $product - данные текущего товара ( работает только в карточке товара).
       
      Данные продукта, которые могут использоваться в настройках:

      date_added: Дата создания
      date_available: Дата поступления
      date_modified: Дата изменения
      description: Описание
      ean: EAN
      height: Высота
      image: Изображение товара
      isbn: ISBN
      jan: JAN
      location: Расположение
      manufacturer: Наименование производителя
      manufacturer_id: Id производителя
      meta_description: Мета-тег Description
      meta_keyword: Мета-тег Keyword
      meta_title: Мета-тег Title
      minimum: Минимальное кол-во заказа
      model: Модель
      mpn: MPN
      name: Название товара
      price: Цена товара
      product_id: Id товара
      quantity: Кол-во товара
      sku: SKU
      sort_order: Сортировка
      status: Статус
      stock_status: Статус на складе
      stock_status_id: Id статуса на складе
      tag: Теги
      tax_class_id: Id налога
      upc: UPC
      weight: Ширина
      width: Длина
       
      Пример: вывод название текущего товара будет иметь вид $product.name;
      вывод цена 3-го товара из массива $products[2].price;.
      Можно задать лимит вывода товара из переменной $products.
       
      9. Библиотека Настроек. Можно выбрать настройку из библиотеки кода.
       
      10. Фильтр настроек. Позволит быстро найти и применить настройку из библиотеки.
       
      11. Добавление своих настроек в библиотеку готовых решений.
       
      12. Добавление неограниченного количества настроек к одной схеме товаров.
       
      13. Автоматическое добавление нового товара к схеме.
       
       
      Преимущества модуля:
      Модуль способен заменить более 100 других модулей. Совместим с более 95% шаблонов. Рекомендован для каждого интернет-магазина. Модуль позволяет расположить любую информацию на любой странице сайта. Модуль мультиязычный.  
      Примеры использования:
      Возможность создания блога на сайте, отредактировав карточку товара как статью Возможность создания портфолио, отредактировав карточку товара, под объект портфолио Замена общего номера телефона в определенных продуктах или категориях на номер менеджера направления Скрыть или заменить некоторые элементы в продуктах или категориях , например цену, кнопку,  (цено от и прочее) Добавить любой кастомный HTML код в любое место или убрать.. добавить для категории блок с доставкой и гарантиями добавить в моб версии кнопку позвонить и заказать у определенных продуктов у определенных продуктов скрыть корзину и добавит цена от с вызовом формы обратной связи добавить свои стили для определенного вида страниц Замена имейла и номера у определенной группы продуктов Мультимагазин  
       
       
       
      Инструкция по установке и настройке
       
      Demo: карточка товара
      Demo: категория
      Admin (demo/demo)
       
       
      ДОБАВИТЬ МОЖНО В ГРУППЫ ТОВАРОВ , ВО ВСЕ ТОВАРЫ, В КАТЕГОРИИ, ПРОИЗВОДИТЕЛЕЙ, А ТАКЖЕ ПО СХЕМАМ 
      ЕСЛИ НУЖНА С ЭТИМ ПОМОЩЬ - ПИШИТЕ В ПОДДЕРЖКУ!
       
      Библиотека готовых решений
      1. Закрепленные кнопки Позвонить и Написать внизу страницы для мобильной версии
      Добавляются кнопки Написать - при клике, клиент переходит на страницу обратной связи и Позвонить - подключен номер телефона
      Данное решение представлено на сайте https://newstone.com.ua/.
      Отображение в мобильной версии https://prnt.sc/w4lfvn
       
      2. Перелинковка товаров
      При необходимости добавить ссылки на похожие товары, например: другого размера или цвета, типа и т.д. можно использовать данное решение. Связь товаров на основе одинаковой модели.
      Данное решение представлено на  сайтах
      https://newstone.com.ua/CL-101AURORASNOW_pryamaya
      https://au.torg.town/odessa-shirokoformatnaya-pechat/pechat-na-bannernoi-tkani/print-frontlit
      Блок имеет вид https://prnt.sc/w4pf1i
       
      3. Замена кнопки купить
      Замена кнопки Купить на произвольное значение, это может быть любой html-код или текст
       
      4. Автоматическая подгрузка товаров
      Замена стандартной пагинации на аjax подгрузку товаров. Данное решение реализовано на сайте https://pizza.torg.town/ukraina/odessa   5. Модальное окно "Заказать консультацию" Вывод модульного окна с формой обратной связи Данное решение представлено на сайте https://dveriotido.com.ua/ (кнопка Презентация в скайпе)   6. Кратное описание в карточке товара В карточке товара выводится часть описания с ссылкой Подробнее (скролл на полное описание) Данное решение представлено на сайте https://dveriotido.com.ua/dvery_mechkom/mezhkomnatnaya-dver-03-dub-temnyj-po   7. Форма обратной связи Форма для отправки обратной связи с полями ввода Имя, Телефон, Email, Комментарий.   8. Полезная информация для клиента ( о доставка, гарантии и т.д.)
      Вывод блок с информацией для клиента в карточке товара, категории или любой другой странице сайта
       
      9. Прелоадер перед загрузкой страницы
      Вывод индикатора загрузки страницы до полной загрузки страницы
       
      10. Таймер обратного отчета
      Вывод таймера обратного отчета на любую страницу. Время отчета задается в коде, по-умолчанию 5 дней.
       
      Библиотека будет дополняться
    • By whiteblue
      995.00 руб
      Скачать/Купить дополнение


      Модуль "Super Custom Html Fields"
      Модуль позволяет очень просто, быстро настроить отдельные схемы кода и просто любой информации для схем, групп продуктов, категорий и производителей.
       
      Возможности модуля:
      1. Гибкие настройки и фильтры, вывод любой информации на всех страницах сайта, вывод по отдельным категориям, товарам, производителям, добавление настроек ко всем товаров категории (Продукты категорий) и ко всем товарам производителя (Продукты производителей), макетам.
       
      2.Фильтр "URL содержит". Можно добавить настройку для отдельных страниц сайта, если в url страницы содержится введенное значение. В карточке товар поиск из полного урла, в категории - ключевое слово из таблицы seo_url.
       
      3. Возможность вывода любой информации в любой части страницы: Любой html, js, jquery, ajax–код и в любой части странице Выберите селектор блока и положение данных, относительно блока (перед, после, вместо).
       
      4. Возможность замены блока полностью или только его содержимого.
       
      5. Селекторы можно использовать абсолютно любые, от класса, заканчивая набором элементов, любые схемы селекторов, для jquery.
      6. Копировать настройки из ранее созданных схем.

      7. Настройка гибких условий отображения настроек в товарах. Условия И, ИЛИ, НЕ. Например, выбираем для вывода Продукты категорий КРОМЕ определенных товаров; выбираем продукты категорий И товары производителей. ИЛИ используется по-умолчанию. Название блоков являются кнопками, которые можно использовать для составления условий.
       
      8. Использовать в настройках переменные товара. Введены переменные $product и $products, которое можно использовать в настройке в блок Код блока.
      $products - массив со всеми выбранными товарами.
      $product - данные текущего товара ( работает только в карточке товара).
       
      Данные продукта, которые могут использоваться в настройках:

      date_added: Дата создания
      date_available: Дата поступления
      date_modified: Дата изменения
      description: Описание
      ean: EAN
      height: Высота
      image: Изображение товара
      isbn: ISBN
      jan: JAN
      location: Расположение
      manufacturer: Наименование производителя
      manufacturer_id: Id производителя
      meta_description: Мета-тег Description
      meta_keyword: Мета-тег Keyword
      meta_title: Мета-тег Title
      minimum: Минимальное кол-во заказа
      model: Модель
      mpn: MPN
      name: Название товара
      price: Цена товара
      product_id: Id товара
      quantity: Кол-во товара
      sku: SKU
      sort_order: Сортировка
      status: Статус
      stock_status: Статус на складе
      stock_status_id: Id статуса на складе
      tag: Теги
      tax_class_id: Id налога
      upc: UPC
      weight: Ширина
      width: Длина
       
      Пример: вывод название текущего товара будет иметь вид $product.name;
      вывод цена 3-го товара из массива $products[2].price;.
      Можно задать лимит вывода товара из переменной $products.
       
      9. Библиотека Настроек. Можно выбрать настройку из библиотеки кода.
       
      10. Фильтр настроек. Позволит быстро найти и применить настройку из библиотеки.
       
      11. Добавление своих настроек в библиотеку готовых решений.
       
      12. Добавление неограниченного количества настроек к одной схеме товаров.
       
      13. Автоматическое добавление нового товара к схеме.
       
       
      Преимущества модуля:
      Модуль способен заменить более 100 других модулей. Совместим с более 95% шаблонов. Рекомендован для каждого интернет-магазина. Модуль позволяет расположить любую информацию на любой странице сайта. Модуль мультиязычный.  
      Примеры использования:
      Возможность создания блога на сайте, отредактировав карточку товара как статью Возможность создания портфолио, отредактировав карточку товара, под объект портфолио Замена общего номера телефона в определенных продуктах или категориях на номер менеджера направления Скрыть или заменить некоторые элементы в продуктах или категориях , например цену, кнопку,  (цено от и прочее) Добавить любой кастомный HTML код в любое место или убрать.. добавить для категории блок с доставкой и гарантиями добавить в моб версии кнопку позвонить и заказать у определенных продуктов у определенных продуктов скрыть корзину и добавит цена от с вызовом формы обратной связи добавить свои стили для определенного вида страниц Замена имейла и номера у определенной группы продуктов Мультимагазин  
       
       
       
      Инструкция по установке и настройке
       
      Demo: карточка товара
      Demo: категория
      Admin (demo/demo)
       
       
      ДОБАВИТЬ МОЖНО В ГРУППЫ ТОВАРОВ , ВО ВСЕ ТОВАРЫ, В КАТЕГОРИИ, ПРОИЗВОДИТЕЛЕЙ, А ТАКЖЕ ПО СХЕМАМ 
      ЕСЛИ НУЖНА С ЭТИМ ПОМОЩЬ - ПИШИТЕ В ПОДДЕРЖКУ!
       
      Библиотека готовых решений
      1. Закрепленные кнопки Позвонить и Написать внизу страницы для мобильной версии
      Добавляются кнопки Написать - при клике, клиент переходит на страницу обратной связи и Позвонить - подключен номер телефона
      Данное решение представлено на сайте https://newstone.com.ua/.
      Отображение в мобильной версии https://prnt.sc/w4lfvn
       
      2. Перелинковка товаров
      При необходимости добавить ссылки на похожие товары, например: другого размера или цвета, типа и т.д. можно использовать данное решение. Связь товаров на основе одинаковой модели.
      Данное решение представлено на  сайтах
      https://newstone.com.ua/CL-101AURORASNOW_pryamaya
      https://au.torg.town/odessa-shirokoformatnaya-pechat/pechat-na-bannernoi-tkani/print-frontlit
      Блок имеет вид https://prnt.sc/w4pf1i
       
      3. Замена кнопки купить
      Замена кнопки Купить на произвольное значение, это может быть любой html-код или текст
       
      4. Автоматическая подгрузка товаров
      Замена стандартной пагинации на аjax подгрузку товаров. Данное решение реализовано на сайте https://pizza.torg.town/ukraina/odessa   5. Модальное окно "Заказать консультацию" Вывод модульного окна с формой обратной связи Данное решение представлено на сайте https://dveriotido.com.ua/ (кнопка Презентация в скайпе)   6. Кратное описание в карточке товара В карточке товара выводится часть описания с ссылкой Подробнее (скролл на полное описание) Данное решение представлено на сайте https://dveriotido.com.ua/dvery_mechkom/mezhkomnatnaya-dver-03-dub-temnyj-po   7. Форма обратной связи Форма для отправки обратной связи с полями ввода Имя, Телефон, Email, Комментарий.   8. Полезная информация для клиента ( о доставка, гарантии и т.д.)
      Вывод блок с информацией для клиента в карточке товара, категории или любой другой странице сайта
       
      9. Прелоадер перед загрузкой страницы
      Вывод индикатора загрузки страницы до полной загрузки страницы
       
      10. Таймер обратного отчета
      Вывод таймера обратного отчета на любую страницу. Время отчета задается в коде, по-умолчанию 5 дней.
       
      Библиотека будет дополняться
      Добавил whiteblue Добавлено 29.10.2019 Категория Меню, дизайн, внешний вид Системные требования Метод активации По запросу в ЛС Ioncube Loader Нет OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Обращение к серверу разработчика Да Старая цена 0  
    • By ALEXROS
      Здравствуйте!
      Подскажите, пожалуйста, как можно поменять надпись на кнопке в момент загрузки? К примеру; нажимаешь на кнопку "Купить", она некоторое время грузится, помещая товар в корзину и появляется надпись: "loading...", а хотелось бы видеть надпись: "загрузка...". Как это сделать? Где поменять? Это касается всех кнопок, где присутствует загрузка button-oneclick.
    • By Sergei123321
      Здравствуйте, хотел спросить такую тему, кто-нибудь знает как добавить вот сюда ещё одно поле ? Версия ocStore 2.3.0.2.3, в связке с journal 2.16.8
      Ну то есть, что бы в админке было дополнительное поле "Наименование товара" и когда туда вставляешь текст, то оно выводится в то место которое я указал на картинке
       
      Очень это нужно, заранее спасибо!!!

    • By AWARO
      Скачать/Купить дополнение


      Up Down button | Кнопка Вверх Вниз
      Простая кнопка прокрутки страницы вверх и вниз - типа как в вк.
      Умеет возвращать при прокрутке вниз на то же самое место
      откуда была совершена прокрутка вверх.
       
      Установка:
      Через установщик дополнений OCMOD
      Не забываем тыкнуть кнопку обновлить в менеджере дополнений!
      Пользуйтесь на здоровье
      Отдельная благодарность за прямое и косвенное участие в развитии модуля
      @Hkr
       

      ниже полезное
       
      Добавил AWARO Добавлено 19.11.2016 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет Старая цена 0  
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.