Перейти к содержанию
MySun

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

Рекомендуемые сообщения

Мучаю 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 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.