Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Каждой опции своя кнопка купить. Как ?


Recommended Posts

Мучаю ocStore 1.5.4.1

 

Редактирую файлик catalog\view\theme\my_theme\template\product\product.tpl,

хочу заменить список выбора опций товара и единственную кнопку "Купить" таблицей такого вида :

 

picmk.jpg

 

Подразумевается, что нажав определённую зелёную кнопку в таблице, кладём в корзину товар с соответствующими опциями (материал, размеры, цена).

 

Опции к товару добавил, сформировал табличку на основе этих опций.

Не пойму, как реализовать кнопки с предустановленными опциями ?

Надіслати
Поділитися на інших сайтах


Выпадающий список опций формируется таким кодом :

<select name="option[<?php echo $option['product_option_id']; ?>]">
<option value=""><?php echo $text_select; ?></option>
<?php foreach ($option['option_value'] as $option_value) { ?>
<option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
<?php if ($option_value['price']) { ?>
(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
<?php } ?>
</option>
<?php } ?>
</select> 
Надіслати
Поділитися на інших сайтах


А вот скрипт, обрабатывающий нажатие кнопки

<script type="text/javascript"><!--
$('#button-cart').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).after('<span class="error">' + json['error']['option'][i] + '</span>');
}
}
} 


if (json['success']) {
$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');


$('.success').fadeIn('slow');


$('#cart-total').html(json['total']);


$('html, body').animate({ scrollTop: 0 }, 'slow'); 
} 
}
});
});
//--></script>
 
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.