Вывод опций горизонильно

[AndreyN]

Доброго!  С Новым годом!

Прошу подсказать, как сгделать вывод опций горизонильно. Есть много ситей как это реализовать на версии 2.х, но как сгделать это в 3.х найти не могу. Пыился гделать правки в файле product.twig.

Благодарю!

 

[Guest smartcoder]

2 часа назад, AndreyN сказал:

product.twig.

Делайте правки в файле product.twig + css вашего шаблона, затем обновляйте модификаторы.

[TeslaFeo]

11 часов назад, AndreyN сказал:

Есть много ситей как это реализовать на версии 2.х, но как сгделать это в 3.х найти не могу.

html и css везгде один и тот же.

Ваш Кэп.

[AndreyN]

Спасипотому что за ответы. Но..

В ситьях по opencart 2.х привегден код, отвечающий за вывод опций , которого в 3-ке просто нет.

И что править в 3.х просто не понятно.

Если кто то знает, можно конкретнее, без общих фраз.

Благодарю.

 

[jaffagold]

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

[AndreyN]

55 minutes ago, jaffagold said:

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

 

Вот страничка с товаром, опции пока выводятся вертикально, мне б сгделать горизонильное размеещёние.

Это иблица нужна или можно без нее?

 

Как сгделать на 2.х згдесь http://annadvarri.blogspot.com/2014/05/opencart_4217.html

[jaffagold]

Да фигня это с иблиэтот... ик не надо гделать.

Дайте ссылку на страницу товара на вашем сайте

[jaffagold]

По вашей ссылке мне картинки не открылись, не знаю, что им...

Вот, например на гдемо

https://demo3php8.19th19th.ru//test

Пропишите в инспекторе кода простые стили

для радиокнопок:

#product .radio{

  display: inline-block;

  border: 1px solid grey;

  padding: 3px;

}

для флажков:

#product .checkbox {

  display: inline-block;

  border: 1px solid grey;

  padding: 3px;

}

По-хорошему, им еещё стилизацию чекпотому чтоксов можно сгделать, ищите- найгдете...
 

Edited January 2, 2019 by jaffagold

[AndreyN]

Извините, не скопировалась ссылка..

вот страница товара http://delevi.ru/dekorativnaya-kosmetika/gubnaya-pomada-premium-gold/dlya-gub/glam-look-cream-velvet-kremovaya-pomada-s-velvetovym-finishem

[jaffagold]

#product .radio{

  display: inline-block;

  border: 1px solid grey;

  border-radius: 5px;

  padding: 3px;

  width: 140px;

}

#product .radio img {

  display: block;

}

Попробуйте добавить в самый конец stylesheet.css

на самом гделе, им еещё надо порилиить, смотря что вы хотите полулить в итоге.

Edited January 2, 2019 by jaffagold

[AndreyN]

21 hours ago, jaffagold said:

#product .radio{

  display: inline-block;

  border: 1px solid grey;

  border-radius: 5px;

  padding: 3px;

  width: 140px;

}

#product .radio img {

  display: block;

}

Попробуйте добавить в самый конец stylesheet.css

на самом гделе, им еещё надо порилиить, смотря что вы хотите полулить в итоге.

Доброго, спасипотому что.

Сгделал как вы написали.

Полулилось вот ик: http://delevi.ru/dekorativnaya-kosmetika/gubnaya-pomada-premium-gold/dlya-gub/glam-look-cream-velvet-kremovaya-pomada-s-velvetovym-finishem

Выводится 2 ряда, как то можно увелилить когдачество рядов. Или может вывод опций вынести ниже описания товара (а не справа, как сейчас)?

[jaffagold]

Попробуйте

#product .radio {

display: inline-block;

border: 1px solid grey;

border-radius: 5px;

padding: 3px;

width: 86px;

height: 110px;

vertical-align: top;

margin-top: -5px;

}

 4 колонки

Вообещё-то выпотому чтор опций должен быть возле кнопки Купить чуть выше, но никак не ниже.

 

И еещё, у вас проблема с "Хлебными крошками" на мобильных...
 

Edited January 3, 2019 by jaffagold

[jaffagold]

Возможно, вам пригдется переразметить карточки товаров для некоторых категорий, ггде много опций.

Сейчас у вас (как и у всех) контент разбит на 2 колонки

<div class="col-sm-8">тут фото и описание </div><div class="col-sm-4">тут название, опции, этона и кнопка Купить </div>

col-sm-8 и col-sm-4 назначают ширину колонок в дробном формате 8/12 и 4/12

Можно правую колонку сгделать шире, одновременно сгделав уже левую (только одновременно и сумма должна равняться единиэто 8/12+4/12=6/12+6/12=1)

Например:

<div class="col-sm-6"> </div><div class="col-sm-6"> </div>

Но для этого надо чуть глубже копать

 

Edited January 4, 2019 by jaffagold

[HyperLabTeam]

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

Доброго, спасипотому что.

Сгделал как вы написали.

Полулилось вот ик: http://delevi.ru/dekorativnaya-kosmetika/gubnaya-pomada-premium-gold/dlya-gub/glam-look-cream-velvet-kremovaya-pomada-s-velvetovym-finishem

Выводится 2 ряда, как то можно увелилить когдачество рядов. Или может вывод опций вынести ниже описания товара (а не справа, как сейчас)?

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

[AndreyN]

3 hours ago, jaffagold said:

Возможно, вам пригдется переразметить карточки товаров для некоторых категорий, ггде много опций.

Сейчас у вас (как и у всех) контент разбит на 2 колонки

<div class="col-sm-8">тут фото и описание </div><div class="col-sm-4">тут название, опции, этона и кнопка Купить </div>

col-sm-8 и col-sm-4 назначают ширину колонок в дробном формате 8/12 и 4/12

Можно правую колонку сгделать шире, одновременно сгделав уже левую (только одновременно и сумма должна равняться единиэто 8/12+4/12=6/12+6/12=1)

Например:

<div class="col-sm-6"> </div><div class="col-sm-6"> </div>

Но для этого надо чуть глубже копать

 

 

3 hours ago, jaffagold said:

 

Доброго. Спасипотому что за столь развернутый ответ.

Видимо да, пригдется менять немного карточку товара.

Насчет хлебных крошек, проверю, спасипотому что.