Изменить отображение опции в категории

[Ch0oJoy]

Здравствуйте! Мучаю опции, и не получается вывести опцию изображение в категориях с картинкой.(скрин)

Подскажите как можно в категориях сделать отображение опции "Изображение" таким же как и в карточке?

Код категории:

<?php if ($option['type'] == 'image') { ?>
								<div id="input-option<?php echo $option['product_option_id']; ?>">
									<label><?php if ($option['required']) { ?>*<?php } ?> <?php echo $option['name']; ?>:</label>
									<?php foreach ($option['product_option_value'] as $option_value) { ?>
										<div class="radio">
											<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']; ?>" data-price_prefix="<?php echo $option_value['price_prefix']; ?>" data-price="<?php if($option_value['price_value']) { echo $option_value['price_value']; } else { echo '0';} ?>" onchange="recalculateprice('<?php echo $product['product_id']; ?>_cp');" />
											<label for="option-value-<?php echo $option_value['product_option_value_id']; ?>" style="display:none"></label>
											 <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"/>
												<span><?php echo $option_value['name']; ?></span>
												<?php if ($option_value['price']) { ?></br>
													<span style="font-size: 10px">(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)</span>
												<?php } ?>
											</label>
										</div>
									<?php } ?>
								</div>
							<?php } ?>

код карточки:

  <?php if ($option['type'] == 'image') { ?>
        <div id="input-option<?php echo $option['product_option_id']; ?>" class="option form-group<?php echo ($option['required'] ? ' required' : ''); ?>">
          <b><?php if ($option['required']) { ?>*<?php } ?><?php echo $option['name']; ?>:</b>
          <div class="option-image">
            <?php foreach ($option['product_option_value'] as $option_value) { ?>
			<div>
              <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']; ?>">
				<img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" />
				<span><?php echo $option_value['name']; ?></span>
				<?php if ($option_value['price']) { ?><span><?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?></span><?php } ?>
			  </label>
			</div>
            <?php } ?>

Пробовал заменять всю опцию, отдельные части - но ничего не получается. Картинка отображается но все настолько криво, что "подправить" не получается.

Спасибо!

[n3bo]

11 минут назад, Ch0oJoy сказал:

Пробовал заменять всю опцию, отдельные части - но ничего не получается. Картинка отображается но все настолько криво, что "подправить" не получается.

надо подверстать тогда

[Ch0oJoy]

Может модули есть какие-то?

[jaffagold]

Что-то не пойму

Картинка вывелась в категории. Криво? это как? ссылка есть?

А модули.. есть, можно разбираться и по аналогии.

https://opencartforum.com/storage/images/screenshots/monthly_01_2017/c29170827e6e560de9505bdc8c53e9b5-category_options_1.jpg

 

Вот простой вариант в первом приближении.

Скрытый текст

 

Скрытый текст

 

Змінено 14 липня 2017 користувачем jaffagold

[Ch0oJoy]

1 час назад, jaffagold сказал:

Что-то не пойму

Картинка вывелась в категории. Криво? это как? ссылка есть?

А модули.. есть, можно разбираться и по аналогии.

https://opencartforum.com/storage/images/screenshots/monthly_01_2017/c29170827e6e560de9505bdc8c53e9b5-category_options_1.jpg

 

 

смотрел этот модуль, он не добавлет в корзину, а если брать платный то на моем шаблоне, наверное, еще и его допиливать придется(

Вот при обычной замене кода из карточки в категорию получается так.

Вот ссылка на сайт: v7par.com/startovye-nabory

[jaffagold]

можно сделать.

Придется кое-какие ваши стили уничтожить для пользы дела.

только скажите как вы себе это видите.

пока получается так:

цветной квадрат Название цвета +25 рублей

для начала

.product .option input[type='radio'] + label {
    width: auto; 
    height: auto; 
    min-height: auto;

   border-radius: 0;
}

Змінено 14 липня 2017 користувачем jaffagold

[Ch0oJoy]

6 минут назад, jaffagold сказал:

можно сделать.

Придется кое-какие ваши стили уничтожить для пользы дела.

только скажите как вы себе это видите.

пока получается так:

цветной квадрат Название цвета +25 рублей

Хотелось бы просто перенести с карточки товара вид этой опции (скрин), а там уже со стилями я смог бы справится.

Но что бы я не делал, приблизится к такому отображению у меня не получается(

Шаблон у меня такой же как у Вас (на скрине), опции стандартные из коробки (карточка товара)

Ссылка на опции в карточке: v7par.com/startovye-nabory/kangertech-topbox-mini-75w-starter-kit

Змінено 14 липня 2017 користувачем Ch0oJoy

[jaffagold]

я вам стили уже написал. Кто-то до этого их поковырял не в ту степь.

у вас есть возможность подключить свой собственный файл стилей. Можете в нем вносить правки, чтобы не путаться.

Змінено 14 липня 2017 користувачем jaffagold

[Ch0oJoy]

6 минут назад, jaffagold сказал:

я вам стили уже написал. Кто-то до этого их поковырял не в ту степь.

у вас есть возможность подключить свой собственный файл стилей. Можете в нем вносить правки, чтобы не путаться.

Да, смогу через модуль шаблона.

[jaffagold]

Внесите указанные стили. Появятся и квадраты, и названия цветов, и доп цена.

Потом убирайте названия цветов,

потом выстраивайте их в ряд.

Змінено 14 липня 2017 користувачем jaffagold

[Ch0oJoy]

12 часов назад, jaffagold сказал:

Внесите указанные стили. Появятся и квадраты, и названия цветов, и доп цена.

Потом убирайте названия цветов,

потом выстраивайте их в ряд.

А какие стили нужно внести?

[jaffagold]

которые я 12 часов назад вам написал

[Ch0oJoy]

Тему можно закрывать.

jaffagold, спасибо Вам большое! С Вашей помощью все работает как нужно.

Змінено 15 липня 2017 користувачем Ch0oJoy