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

[Решено] Добавить кнопку купить для каждой опции


kate1987

Recommended Posts

Здравствуйте. Хочу сделать опции в виде таблички + для каждой опции отдельную кнопку купить (см. рис.) Версия Opencart 1.5.1.3 Подскажите пожалуйста, может кно нибудь уже делал?

post-17380-0-92545600-1344939782_thumb.png

  • +1 2
Надіслати
Поділитися на інших сайтах


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

Либо же пишем freelancer - он подобное решение применительно к опциям может продать

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


Сделала так. Так как у меня в категории для всех товаров использовался один рисунок, я сам рисунок в товарах убрала, оставила описание и рисунок в категории и чуть изменила стиль товаров в категориях. Станица с товаром теперь вообще не нужна.

post-17380-0-84082400-1345127879_thumb.png

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


  • 1 month later...

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

Может хоть как то через костыли кто подскажет. Типа поставить рядом с каждой опцией кнопку Купить, и по ее нажатию автоматически ставился бы чекбокс, ну или как нибудь еще. Заранее спасибо.

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


  • 2 weeks later...

Делается элементарно. Файл темплейта в личку - сделаю.

не могли бы описать тут на форуме,как это делается(элементарно)?

многие спасибо скажут или же финансово поощрят

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


Ну врядли у многих такой же темплейт, как у kate1987...

Сам принцип можно попробовать расписать конечно, но для его понимания нужны элементарные знания javascript.

Давайте так поступим. Приведите здесь участок кода, отвечающий за вывод опций в вашем темплейте. На его примере я и постараюсь объяснить.

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

ребят, тут все описано http://forum.opencar...p?f=139&t=67901 пользуйтесь на здоровье

Если тут описано, как решить вопрос, описанный в этой теме, то я - балерина :)

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

Ну врядли у многих такой же темплейт, как у kate1987...

Сам принцип можно попробовать расписать конечно, но для его понимания нужны элементарные знания javascript.

Давайте так поступим. Приведите здесь участок кода, отвечающий за вывод опций в вашем темплейте. На его примере я и постараюсь объяснить.

взял за основу код из оригинального файл product.tpl

	  <?php if ($options) { ?>
	  <div class="options">
	    <h2><?php echo $text_option; ?></h2>
	    <br />
	    <?php foreach ($options as $option) { ?>
	    <?php if ($option['type'] == 'select') { ?>
	    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
		  <?php if ($option['required']) { ?>
		  <span class="required">*</span>
		  <?php } ?>
		  <b><?php echo $option['name']; ?>:</b><br />
		  <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>
	    </div>
	    <br />
	    <?php } ?>
	    <?php if ($option['type'] == 'radio') { ?>
	    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
		  <?php if ($option['required']) { ?>
		  <span class="required">*</span>
		  <?php } ?>
		  <b><?php echo $option['name']; ?>:</b><br />
		  <?php foreach ($option['option_value'] as $option_value) { ?>
		  <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
		  <label for="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 } ?>
		  </label>
		  <br />
		  <?php } ?>
	    </div>
	    <br />
	    <?php } ?>
	    <?php if ($option['type'] == 'checkbox') { ?>
	    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
		  <?php if ($option['required']) { ?>
		  <span class="required">*</span>
		  <?php } ?>
		  <b><?php echo $option['name']; ?>:</b><br />
		  <?php foreach ($option['option_value'] as $option_value) { ?>
		  <input type="checkbox" name="option[<?php echo $option['product_option_id']; ?>][]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
		  <label for="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 } ?>
		  </label>
		  <br />
		  <?php } ?>
	    </div>
	    <br />
	    <?php } ?>
	    <?php if ($option['type'] == 'image') { ?>
	    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
		  <?php if ($option['required']) { ?>
		  <span class="required">*</span>
		  <?php } ?>
		  <b><?php echo $option['name']; ?>:</b><br />
		  <table class="option-image">
		    <?php foreach ($option['option_value'] as $option_value) { ?>
		    <tr>
			  <td style="width: 1px;"><input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td>
			  <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label></td>
			  <td><label for="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 } ?>
			    </label></td>
		    </tr>
		    <?php } ?>
		  </table>
	    </div>
	    <br />
	    <?php } ?>
	    <?php if ($option['type'] == 'text') { ?>
	    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
		  <?php if ($option['required']) { ?>
		  <span class="required">*</span>
		  <?php } ?>
		  <b><?php echo $option['name']; ?>:</b><br />
		  <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" />
	    </div>
	    <br />
	    <?php } ?>
	    <?php if ($option['type'] == 'textarea') { ?>
	    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
		  <?php if ($option['required']) { ?>
		  <span class="required">*</span>
		  <?php } ?>
		  <b><?php echo $option['name']; ?>:</b><br />
		  <textarea name="option[<?php echo $option['product_option_id']; ?>]" cols="40" rows="5"><?php echo $option['option_value']; ?></textarea>
	    </div>
	    <br />
	    <?php } ?>
	    <?php if ($option['type'] == 'file') { ?>
	    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
		  <?php if ($option['required']) { ?>
		  <span class="required">*</span>
		  <?php } ?>
		  <b><?php echo $option['name']; ?>:</b><br />
		  <input type="button" value="<?php echo $button_upload; ?>" id="button-option-<?php echo $option['product_option_id']; ?>" class="button">
		  <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" value="" />
	    </div>
	    <br />
	    <?php } ?>
	    <?php if ($option['type'] == 'date') { ?>
	    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
		  <?php if ($option['required']) { ?>
		  <span class="required">*</span>
		  <?php } ?>
		  <b><?php echo $option['name']; ?>:</b><br />
		  <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="date" />
	    </div>
	    <br />
	    <?php } ?>
	    <?php if ($option['type'] == 'datetime') { ?>
	    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
		  <?php if ($option['required']) { ?>
		  <span class="required">*</span>
		  <?php } ?>
		  <b><?php echo $option['name']; ?>:</b><br />
		  <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="datetime" />
	    </div>
	    <br />
	    <?php } ?>
	    <?php if ($option['type'] == 'time') { ?>
	    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
		  <?php if ($option['required']) { ?>
		  <span class="required">*</span>
		  <?php } ?>
		  <b><?php echo $option['name']; ?>:</b><br />
		  <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="time" />
	    </div>
	    <br />
	    <?php } ?>
	    <?php } ?>
Надіслати
Поділитися на інших сайтах


Да из оригинального я и сам бы взял. Прикрутить функционал, чтоб срабатывала покупка товара с выбранной опцией по нажатию кнопки КУПИТЬ рядом с опцией - это одно. А вот сверстать это все в виде красивой таблички - это другое. Займет времени побольше. Просто я думал, что у вас уже переделанный темплейт, который не работает в плане добавления товара в корзину. Оказывается что и темплейта то нет.

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

Да из оригинального я и сам бы взял. Прикрутить функционал, чтоб срабатывала покупка товара с выбранной опцией по нажатию кнопки КУПИТЬ рядом с опцией - это одно. А вот сверстать это все в виде красивой таблички - это другое. Займет времени побольше. Просто я думал, что у вас уже переделанный темплейт, который не работает в плане добавления товара в корзину. Оказывается что и темплейта то нет.

с версткой проблем нету,тем-более у всех она разная,а вот функционал был бы один(добавить кнопку к опциям) у всех

зы хорошо бы иметь такой функционал,а красивости сделает каждый сам себе,какие нужны

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


Да вот он. Готов. Только саму табличку стилями подпилить осталось. Ну это уж как-то сами

:)

ЗЫ: Пришлось модифицировать файл контроллера, чтобы в ценах к опциям отображались уже приплюсованные или отминусованные от цены товара опционные цены.

Эта табличка будет выводиться, если в опциях выбрать тип select в админке.

files.zip

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

Большое спасибо, да табличка выводится отлично, но вот проблема, кнопки купить не работают, а картинка и несколько превьюшек товара съехали. Насколько я понял javascript похоже конфликтует, у меня модуль product-image-zoom стоит, который при наведении делает лупу, возможно из-за него. Будем ковырять дальше.

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


пришлось поднатужиться))

чтобы работала кнопка купить,нужно в файле темплейта,в функции: buy_with_option заменить строку 'index.php?route=checkout/cart/update'

на

'index.php?route=checkout/cart/add'

проще говоря вместо update написать add

хорошо бы еще добавить quanity,но как?(

kur1977,не поделишься опытом,как проделать тоже самое,например,для категорий или рекомендуемые,или последние поступления?

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


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

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

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

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

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

Вхід

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

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

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

×
×
  • Створити...

Important Information

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