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

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

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

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

121.png.1fe82326f72ac3367a4c30e504a3f1b0.png

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

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

<?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 } ?>

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

Спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
11 минут назад, Ch0oJoy сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

 

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

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

опции в категори.jpg

 

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

5968efa7eabbe_b-2.thumb.jpg.d66e3794220a9938919264166cd94142.jpg

 

Изменено пользователем jaffagold
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, jaffagold сказал:

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

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

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

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

 

 

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

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

123123131.png.c0b2fb64561e2103de15935f28d3d344.png

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

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

для начала

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

   border-radius: 0;
}

Изменено пользователем jaffagold
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
6 минут назад, jaffagold сказал:

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

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

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

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

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

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

312312312.png.b2c7a4d4ee106847740749932a65ef9f.png

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

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

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

Изменено пользователем Ch0oJoy

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Изменено пользователем jaffagold
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
6 минут назад, jaffagold сказал:

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Изменено пользователем jaffagold
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
12 часов назад, jaffagold сказал:

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Изменено пользователем Ch0oJoy

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

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

×

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

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