Перейти к содержимому


Модификация В Одну Строку

модификация одну строку

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 19

#1 igor-repsol

igor-repsol

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 05 Июнь 2014 - 12:46

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

Прикрепленные изображения

  • 34538tmd7.png


#2 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 06 Июнь 2014 - 02:35

Вы хотите чтобы каждая модификация шла новой строкой? так как на данный момент у вас присутствует отображение указанное вами на изображении. Если да, то вам необходимо в файле стилей main.css найти класс

#content .boxmoney .main .block .mod {
  float: left;
  margin: 5px 10px 0 0;
}

и заменить его на

#content .boxmoney .main .block .mod {
  margin: 5px 10px 0 0;
}


#3 igor-repsol

igor-repsol

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 06 Июнь 2014 - 03:31

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



Просмотр сообщенияСake (06 Июнь 2014 - 02:35) писал:

Вы хотите чтобы каждая модификация шла новой строкой? так как на данный момент у вас присутствует отображение указанное вами на изображении. Если да, то вам необходимо в файле стилей main.css найти класс

#content .boxmoney .main .block .mod {
  float: left;
  margin: 5px 10px 0 0;
}

и заменить его на

#content .boxmoney .main .block .mod {
  margin: 5px 10px 0 0;
}


#4 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 06 Июнь 2014 - 03:34

Выполните уже описанное изменение, а после добавьте в конец файла стилей следующий класс

#content .boxmoney .main .block .mod .title,
#content .boxmoney .main .block .mod .select {
  display: inline-block;
}


#5 igor-repsol

igor-repsol

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 06 Июнь 2014 - 04:59

Спасибо. Уже не раз убеждался, что поддержка на высшем уровне.


Просмотр сообщенияСake (06 Июнь 2014 - 03:34) писал:

Выполните уже описанное изменение, а после добавьте в конец файла стилей следующий класс

#content .boxmoney .main .block .mod .title,
#content .boxmoney .main .block .mod .select {
display: inline-block;
}


#6 igor-repsol

igor-repsol

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 06 Июнь 2014 - 05:28

Как можно поправить правило отображения кнопок.

1 вариант.
У товара есть 4 модификации. Если прописать, что только 1 модиф есть в наличие и выбрать модиф которой нет то не появляется кнопка предзаказ. (я не включал данный пункт "Отключить возможность класть в корзину больше товара, чем есть в наличии")

1 вариант.png

2 вариант.
У товара есть 4 модификации. Если прописать, что только 1 модиф есть в наличие и выбрать ее то появляется кнопка предзаказ и положить в корзину. Изначально выбрана позиция которой нет при переходе на страницу товара.

2 вариант.png

Вроде так не должно происходить

#7 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 06 Июнь 2014 - 05:42

Найдите в вашем шаблоне "Товар" следующий код

<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtbluebot" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">Положить в корзину</a></li>
<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">Предзаказ</a></li>

и замените его на

<li class="goodsPageSubmitButtonBlock addCart" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtbluebot" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">Положить в корзину</a></li>
<li class="goodsPageSubmitButtonBlock preOrder" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">Предзаказ</a></li>

далее в файле main.js найдите код

submitButtonBlock			 = $('li.goodsPageSubmitButtonBlock:eq(0)'),

и замените его на

submitButtonBlockAddCart	  = $('li.goodsPageSubmitButtonBlock.addCart'),
submitButtonBlockPreOrder	 = $('li.goodsPageSubmitButtonBlock.preOrder'),

далее найдите

// Есть ли товар есть в наличии
		 if(modificationRestValue>0) {
		   // Показываем кнопку "Положить в корзину"
		   submitButtonBlock.show();
		   // Показываем табличку, что товар есть в наличии
		   goodsAvailableTrue.show();
		   // Скрываем табличку, о том что товара нет в наличии
		   goodsAvailableFalse.hide();
		 // Если товара нет в наличии
		 } else {
		   // Скрываем кнопку "Положить в корзину"
		   submitButtonBlock.hide();
		   // Скрываем табличку, что товар есть в наличии
		   goodsAvailableTrue.hide();
		   // Скрываем табличку, о том что товар есть в наличии
		   goodsAvailableFalse.show();
		 }
		 // Если товар есть в списке сравнения

и замените на

// Есть ли товар есть в наличии
		 if(modificationRestValue>0) {
		   // Показываем кнопку "Положить в корзину"
		   submitButtonBlockAddCart.show();
		   submitButtonBlockPreOrder.hide();
		   // Показываем табличку, что товар есть в наличии
		   goodsAvailableTrue.show();
		   // Скрываем табличку, о том что товара нет в наличии
		   goodsAvailableFalse.hide();
		 // Если товара нет в наличии
		 } else {
		   // Скрываем кнопку "Положить в корзину"
		   submitButtonBlockAddCart.hide();
		   submitButtonBlockPreOrder.show();
		   // Скрываем табличку, что товар есть в наличии
		   goodsAvailableTrue.hide();
		   // Скрываем табличку, о том что товар есть в наличии
		   goodsAvailableFalse.show();
		 }
		 // Если товар есть в списке сравнения


#8 igor-repsol

igor-repsol

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 06 Июнь 2014 - 06:25

Все получилось спасибо.

#9 igor-repsol

igor-repsol

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 06 Июнь 2014 - 06:33

Чтоб не плодить тем задам здесь вопрос.
У меня на странице "каталог товаров" отображает категории товаров. У меня их 6 но снизу появляется выбор страницы. 1,2,3. . Если поставить "показывать по" 60. Тогда становится нормально. В подкатегории все нормально отображаться без страниц.
Я делал по http://forum.storela...ров/#entry94729

#10 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 06 Июнь 2014 - 09:52

Просмотр сообщенияigor-repsol (06 Июнь 2014 - 06:33) писал:

Чтоб не плодить тем задам здесь вопрос.
У меня на странице "каталог товаров" отображает категории товаров. У меня их 6 но снизу появляется выбор страницы. 1,2,3. . Если поставить "показывать по" 60. Тогда становится нормально. В подкатегории все нормально отображаться без страниц.
Я делал по http://forum.storela...ров/#entry94729

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

#11 igor-repsol

igor-repsol

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 06 Июнь 2014 - 10:51

Спасибо

Просмотр сообщенияMikDark (06 Июнь 2014 - 09:52) писал:

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


#12 Авто-гаджет

Авто-гаджет

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 21 Август 2014 - 20:39

Просмотр сообщенияСake (06 Июнь 2014 - 02:35) писал:

Вы хотите чтобы каждая модификация шла новой строкой? так как на данный момент у вас присутствует отображение указанное вами на изображении. Если да, то вам необходимо в файле стилей main.css найти класс

#content .boxmoney .main .block .mod {
float: left;
margin: 5px 10px 0 0;
}

и заменить его на

#content .boxmoney .main .block .mod {
margin: 5px 10px 0 0;
}

Подскажите, а где искать эти строки в шаблоне "Движение"? или в нем другой порядок действий?

#13 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 21 Август 2014 - 22:37

Просмотр сообщенияАвто-гаджет (21 Август 2014 - 20:39) писал:

Подскажите, а где искать эти строки в шаблоне "Движение"? или в нем другой порядок действий?
Скажите что Вам нужно сделать? Отображение модификаций в столбик? Укажите название товара, где у Вас добавлено хотя бы пару модификаций.

#14 Авто-гаджет

Авто-гаджет

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 21 Август 2014 - 22:49

Просмотр сообщенияsupport 2.0 (21 Август 2014 - 22:37) писал:

Скажите что Вам нужно сделать? Отображение модификаций в столбик? Укажите название товара, где у Вас добавлено хотя бы пару модификаций.

Мне нужно вывести модификацию в одну строку, как описано выше. Вот здесь http://auto-lazer.ru...mod_id=63463163

Т.е. Автомобиль--| Audi | обязательно пробел (6 или 8 пробелов, как получиться) Цвет 3D--| белый |


Хотел ещё спросить, как сделать блок 'Контакте', чтобы он растягивался либо сужался сам, в зависимости от разрешения экрана. Как все блоки выше 'новости' каталог' и т.д.

#15 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 22 Август 2014 - 02:29

На данный момент вы убрали товар, по данной ссылке он не открывается. Строки, указанные выше, необходимо искать в шаблоне style.css
Контакты(связь с администрацией) у вас адаптивный

#16 Авто-гаджет

Авто-гаджет

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 22 Август 2014 - 03:51

Просмотр сообщенияАвто-гаджет (21 Август 2014 - 22:49) писал:

Мне нужно вывести модификацию в одну строку, как описано выше. Вот здесь http://auto-lazer.ru...mod_id=63463163

Т.е. Автомобиль--| Audi | обязательно пробел (6 или 8 пробелов, как получиться) Цвет 3D--| белый |


Хотел ещё спросить, как сделать блок 'Контакте', чтобы он растягивался либо сужался сам, в зависимости от разрешения экрана. Как все блоки выше 'новости' каталог' и т.д.

Да, точно, извиняюсь, вот http://auto-lazer.ru...mod_id=63463163

Просмотр сообщенияVaccina (22 Август 2014 - 02:29) писал:

На данный момент вы убрали товар, по данной ссылке он не открывается. Строки, указанные выше, необходимо искать в шаблоне style.css
Контакты(связь с администрацией) у вас адаптивный

В том-то и дело, что искал и не нашёл...:(

#17 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 22 Август 2014 - 04:16

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

в style.css необходимо найти:
.goodsDataMainModificationsBlockProperty {
	padding-bottom: 5px;
}
замените на:
.goodsDataMainModificationsBlockProperty {
	float: left;
	padding-bottom: 5px;
	width: 50%;
}
далее в шаблоне Товар найдите:
{% IF goods_modifications_properties.values.last %}
			</select>
				  </span>
		{% ENDIF %}
		{% ENDFOR %}
		</div>
			<div class="clear"></div>				   
	  {goods_modifications_properties.index | is_divided("2","","")}
		  {% ENDFOR %}
замените на:
{% IF goods_modifications_properties.values.last %}
			</select>
				  </span>
		{% ENDIF %}
		{% ENDFOR %}
		</div>				 
	  {goods_modifications_properties.index | is_divided("2","","")}
		  {% ENDFOR %}


#18 Авто-гаджет

Авто-гаджет

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 01 Сентябрь 2014 - 18:56

Просмотр сообщенияVaccina (22 Август 2014 - 04:16) писал:

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

в style.css необходимо найти:
.goodsDataMainModificationsBlockProperty {
padding-bottom: 5px;
}
замените на:
.goodsDataMainModificationsBlockProperty {
float: left;
padding-bottom: 5px;
width: 50%;
}
далее в шаблоне Товар найдите:
{% IF goods_modifications_properties.values.last %}
		 </select>
				 </span>
	 {% ENDIF %}
	 {% ENDFOR %}
	 </div>
		 <div class="clear"></div>				
	 {goods_modifications_properties.index | is_divided("2","","")}
		 {% ENDFOR %}
замените на:
{% IF goods_modifications_properties.values.last %}
		 </select>
				 </span>
	 {% ENDIF %}
	 {% ENDFOR %}
	 </div>				
	 {goods_modifications_properties.index | is_divided("2","","")}
		 {% ENDFOR %}

Все отлично, спасибо огромное, но при добавлении 3-го и 4-го свойства, они уходят вниз, хотя места для умещения в одну строку предостаточно, как поправить?

Вот карточка товара: http://auto-lazer.ru...logo#show_tab_1

#19 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 01 Сентябрь 2014 - 19:01

Просмотр сообщенияАвто-гаджет (01 Сентябрь 2014 - 18:56) писал:

Все отлично, спасибо огромное, но при добавлении 3-го и 4-го свойства, они уходят вниз, хотя места для умещения в одну строку предостаточно, как поправить?

Вот карточка товара: http://auto-lazer.ru...logo#show_tab_1

В style.css найдите:
.goodsDataMainModificationsBlockProperty {
float: left;
padding-bottom: 5px;
width: 50%;
}

и замените на:
.goodsDataMainModificationsBlockProperty {
float: left;
padding-bottom: 5px;
width: 25%;
}


#20 Авто-гаджет

Авто-гаджет

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 01 Сентябрь 2014 - 19:06

Просмотр сообщенияMikDark (01 Сентябрь 2014 - 19:01) писал:

В style.css найдите:
.goodsDataMainModificationsBlockProperty {
float: left;
padding-bottom: 5px;
width: 50%;
}

и замените на:
.goodsDataMainModificationsBlockProperty {
float: left;
padding-bottom: 5px;
width: 25%;
}

Великолепно!, огромное спасибо вам! Вы просто супер! Молодцы!





Темы с аналогичным тегами модификация, одну строку

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных