Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Recommended Posts

Посмотрел - одной правкой стилей не обойтись, нужно и в шаблоне делать изменения (хотя бы поубирать <br> после каждого дива с классом .option).

Сделайте это, а я потом скажу, что изменить в css.

Link to post
Share on other sites

Посмотрел - одной правкой стилей не обойтись, нужно и в шаблоне делать изменения (хотя бы поубирать <br> после каждого дива с классом .option).

Сделайте это, а я потом скажу, что изменить в css.

готово
Link to post
Share on other sites

Добавьте в stylesheet.css новый класс:

.product-info .option {
width: 200px;
display: inline-block;
vertical-align: top;
}

  • +1 1
Link to post
Share on other sites

Всем, привет! А для версии 1.5.4.1 подскажите что и где поменять (пробовал предложенные варианты, не помогло). Тоже хочу что бы опции выводились в 2-3 колонки. Заранее спасибо.

Link to post
Share on other sites

Там все то же самое, либо по аналогии. Без живой ссылки или миелафона вам помочь невозможно.

Всем, привет! А для версии 1.5.4.1 подскажите что и где поменять (пробовал предложенные варианты, не помогло). Тоже хочу что бы опции выводились в 2-3 колонки. Заранее спасибо.

Link to post
Share on other sites

  • 4 weeks later...

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

а можно сделать чтобы при на ведение на опцию изображение увеличивалось???

Link to post
Share on other sites

  • 4 months later...

Делал изменения отображения опций, не помню как, но по рекомендациям Ravirl. Всегда пользовался Firefox и меня устраивало как отображается (вложенный файл). Недавно залез через Chrome. Один столбец оказывается все время был  чуть ниже (вложенный файл). Подскажите как и где поправить чтобы в хроме то же было выравнено.

post-20297-0-32851600-1378233463_thumb.png

post-20297-0-52245500-1378235680_thumb.png

Link to post
Share on other sites

  • 4 weeks later...

Народ подсобите пожалуйста.

Залезьте в product.tpl, найдите где вносили изменения, для такого отображения опций и измените width: 100px на width: 102px;

Link to post
Share on other sites

Залезьте в product.tpl, найдите где вносили изменения, для такого отображения опций и измените width: 100px на width: 102px;

Задачка не из легких на данный момент. Но буду пробовать. Спасибо.

Link to post
Share on other sites

Задачка не из легких на данный момент. Но буду пробовать. Спасибо.

Открываете в любом текстовом редакторе, жмете комбинацию клавиш "Ctrl+F"  - открывается поиск по тексту вписываете "100px" и он за вас найдет.

Link to post
Share on other sites

  • 5 months later...

в product.tpl вместо куска кода

<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 class="option-image">
			  <?php foreach ($option['option_value'] as $option_value) { ?>
			  <div class ="option1">
			    <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>
	 <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>
			    <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']; ?>" />
   
			  </div>
	   <?php } ?>
		
		    </div>
в файле стилей добавляем это

.option1 {
float:left;
text-align:center;
}
.option-image {
overflow:auto;
}

Спасибо за решение, работает хорошо. только почему-то не работает alt для фото при наведении. Подскажите в чем может быть дело. С виду все выглядит хорошо.

Но на фото мышь наведена на белый цвет, но подсказка не всплывает, хотя и указана. Может кто-то подсказать в чем дело?

post-670760-0-37931900-1395293388_thumb.jpg

Link to post
Share on other sites

Kost9lbrik

почитайте что такое alt и должен ли он выводится при наведении ))

:oops: пардон. 

Тогда я так понимаю подсказку при наведении можно сделать через title?

 

UPD уже сделал с title.

Link to post
Share on other sites

  • 1 year later...

как можно сделать в опции - списком 

SnimokPNG_5225124_19942548.png

привести вот к такому виду

Snimok1PNG_5047560_19942566.png

 

 

Link to post
Share on other sites

Всем спасибо! Очень полезно. С вашей помощью все выглядит как надо! 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By sv2109
      Что делает этот модуль?
      Модуль дает возможность изменять изображение на странице товара в зависимости от выбранной опции для этого товара.
      Для этого в админ панели при создании / редактировании товара к нужным изображениям привязываются определенные опции.
       
      Установка
      1. Скопировать все с папки "upload" в корневую папку вашего магазина. Файлы движка не будут перезаписаны.
      2. Установить модуль в панели управления
      3. При необходимости поменяйте настройки
       
      Новое в версии 1.1:
      - добавлена возможность выбирать несколько опций для 1 изображения
      - изображение в корзине соответствует выбранным опциям
       
      Версии движка, на которых тестировался модуль
      - ocStore v1.5.4.1
      - ocStore v1.5.5.1
      - opencart v1.5.6
      но должен работать на всех 1.5.х версиях
      - OpenCart, ocStore 2.0, 2.1, 2.2, 2.3, 3.x  
       
      Будет ли модуль работать на вашей теме?
       
      Демонстрация работы
       
    • By sv2109
      750
      Скачать/Купить дополнение


      Option Image Change - Изменение картинки товара в зависимости от опции
      Что делает этот модуль?
      Модуль дает возможность изменять изображение на странице товара в зависимости от выбранной опции для этого товара.
      Для этого в админ панели при создании / редактировании товара к нужным изображениям привязываются определенные опции.
       
      Установка
      1. Скопировать все с папки "upload" в корневую папку вашего магазина. Файлы движка не будут перезаписаны.
      2. Установить модуль в панели управления
      3. При необходимости поменяйте настройки
       
      Новое в версии 1.1:
      - добавлена возможность выбирать несколько опций для 1 изображения
      - изображение в корзине соответствует выбранным опциям
       
      Версии движка, на которых тестировался модуль
      - ocStore v1.5.4.1
      - ocStore v1.5.5.1
      - opencart v1.5.6
      но должен работать на всех 1.5.х версиях
      - OpenCart, ocStore 2.0, 2.1, 2.2, 2.3, 3.x  
       
      Будет ли модуль работать на вашей теме?
       
      Демонстрация работы
       
      Добавил sv2109 Добавлено 27.03.2014 Категория Опции Системные требования Метод активации По запросу в ЛС Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1 ocStore 3.0
      2.3.0.2.4
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет Старая цена 0  
    • By smart_center
      Здравствуйте, есть ли возможность назначать опции не каждому товару, а всем товарам одной категории? Например, у меня есть категория смартфон, я хочу всем товарам, которые находятся в этой категории сделать одинаковые опции с одинаковыми значениями. В ручную каждому добавлять одно и то же долго. Может есть вариант с каким-нибудь модулем. Спасибо.
    • By smart_center
      Здравствуйте, необходимо реализовать вывод опций/рекомендуемых товаров в карточке товара, как на картинке.
      Ищу под это дело модуль. Предполагаю, что скорее всего это можно сделать при помощи опций с чекбоксами, подойдет и вариант с дополнительными товарами, которые можно связать с основным товаром. Если у кого-то есть идеи - прошу поделиться. Спасибо за ответ!
       

    • By SirGrey
      Модуль добавляет к опциям возможность указать ссылку на товар.
      При выборе опции на сайте покупатель будет перенаправлен на страницу товара.
       
      Не требуется создавать дополнительную опцию и привязывать каждый товар просто заполните его с помощью автоподстановки.
      Если товар не указан опция работает как стандартная.
       
      По вопрос разработки модуля для других версий OpenCart пишите в личном сообщении.
       
      Demo
      http://optionasalink.proopencart.com/index.php?route=product/product&product_id=30
       
      Demo Admin
      http://optionasalink.proopencart.com/admin/
      demo
      demo
       
       
       
       
       
       
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.