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


Свернуть/Развернуть Условия Доставки В Описании Товара.

Автор 551, 25 июля 2012 10:42

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

#41 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 12 Октябрь 2013 - 17:29

Просмотр сообщенияStasya (07 Октябрь 2013 - 19:56) писал:

Простите, немного ошиблась. Добавьте в файл main.css блок 
.black {
color: #777 !important;
}
А можно только те две строчки как-нибудь изменить? Меняется не только это... Остальной-то черный оставить...

#42 miyako

miyako

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

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

Отправлено 13 Октябрь 2013 - 09:25

Просмотр сообщенияAndrew S. (12 Октябрь 2013 - 17:29) писал:

А можно только те две строчки как-нибудь изменить? Меняется не только это... Остальной-то черный оставить...

Найдите код в шаблоне Товар - 
<strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
и замените на - 
<strong>Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>

#43 Stanislav

Stanislav

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

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

Отправлено 26 Октябрь 2013 - 00:29

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

Подскажите пожалуйста как привести в порядок табличку "Варианты доставки" и "Оплата". В общем я её как то кривовато написал, и на некоторых товарах она криво отображается, плюс не могу сдвинуть эту пару чуть вниз. Помогите  пожалуйста разгрести бардак, который я там натворил.Скрины прилагаются. Акк 241150. Спасибо

#44 Сake

Сake

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

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

Отправлено 26 Октябрь 2013 - 04:39

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

<!-- Блок описания модификации -->
								<tr>
								  <td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %} colspan="2">
										{GOODS_MOD_DESCRIPTION}
								  </td>
								</tr>
								<tr><td colspan="2" style="height: 30px;">
								<a onclick="$('.goodsDataMainDeliveryBlock').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 0px dotted; margin: 15px;"><span class="varianti"><img class="dostavka" src="{ASSETS_IMAGES_PATH}dost1.png" alt="">Варианты доставки</span></a>
								</td>
							   
								<td colspan="2" style="height:30px">
										<a onclick="$('.oplata').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 0px dotted; margin: 15px;"><span class="oplata1"><img class="opl" src="{ASSETS_IMAGES_PATH}opl.png" alt="">Оплата</span></a>
										</td>
								 
								  <tr>
										<td class="oplata">
										<div>
										Тут текст с описанием и все такое.
										</div>
										</td>
								  </tr>
								  </tr>
							   
							   
								<!-- Блок описания вариантов доставки -->
								<tr>
								  <td class="goodsDataMainDeliveryBlock" colspan="2" style="display:none;">
					  <h4>Условия доставки</h4>
					  {% FOR goods_delivery %}
						<br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
						<div class="goodsDataMainDeliveryItem" >
						  <p>{goods_delivery.DESC}</p>
						  {% IF goods_delivery.rules_empty %}
							Стоимость доставки: {goods_delivery.PRICE | money_format}
						  {% ELSE %}
							<div class="goodsDataMainDeliveryItemRules">
							  <table>
								<thead>
								  <tr>
									<td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								  </tr>
								  <tr>
									<td>Для заказов больше</td>
									<td>Стоимость доставки</td>
								  </tr>
								</thead>
								<tbody class="num">
								  {% FOR rules %}
									<tr>
									  <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
									  <td>{goods_delivery.rules.PRICE | money_format}</td>
									</tr>
								  {% ENDFOR %}
									<tr>
									  <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
									  <td>{goods_delivery.PRICE | money_format}</td>
									</tr>
								</tbody>
							  </table>
							</div>
						  {% ENDIF %}
						</div>
					  {% ENDFOR %}
					</td>
				  </tr>
				 
									  
									  
				</table>

и замените

<!-- Блок описания модификации -->
								<tr>
								  <td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %} colspan="2">
										{GOODS_MOD_DESCRIPTION}
								  </td>
								</tr>
								<tr><td class="goodsDataMainModificationDataBlock">
								<a onclick="$('.goodsDataMainDeliveryBlock').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 0px dotted; margin: 15px;"><span class="varianti"><img class="dostavka" src="{ASSETS_IMAGES_PATH}dost1.png" alt="">Варианты доставки</span></a>
								</td>
							   
								<td class="goodsDataMainModificationDataBlock">
										<a onclick="$('.oplata').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 0px dotted; margin: 15px;"><span class="oplata1"><img class="opl" src="{ASSETS_IMAGES_PATH}opl.png" alt="">Оплата</span></a>
										</td>
								 
								  <tr>
										<td class="goodsDataMainModificationDataBlock">
										<div>
										Тут текст с описанием и все такое.
										</div>
										</td>
								  </tr>
								  </tr>
							   
							   
								<!-- Блок описания вариантов доставки -->
								<tr>
								  <td class="goodsDataMainDeliveryBlock" colspan="3" style="display:none;">
					  <h4>Условия доставки</h4>
					  {% FOR goods_delivery %}
						<br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
						<div class="goodsDataMainDeliveryItem" >
						  <p>{goods_delivery.DESC}</p>
						  {% IF goods_delivery.rules_empty %}
							Стоимость доставки: {goods_delivery.PRICE | money_format}
						  {% ELSE %}
							<div class="goodsDataMainDeliveryItemRules">
							  <table>
								<thead>
								  <tr>
									<td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								  </tr>
								  <tr>
									<td>Для заказов больше</td>
									<td>Стоимость доставки</td>
								  </tr>
								</thead>
								<tbody class="num">
								  {% FOR rules %}
									<tr>
									  <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
									  <td>{goods_delivery.rules.PRICE | money_format}</td>
									</tr>
								  {% ENDFOR %}
									<tr>
									  <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
									  <td>{goods_delivery.PRICE | money_format}</td>
									</tr>
								</tbody>
							  </table>
							</div>
						  {% ENDIF %}
						</div>
					  {% ENDFOR %}
					</td>
				  </tr>
				 
									  
									  
				</table>

далее в файле стилей main.css найдите

.oplata1 {
	font-size: 12px;
	margin-left: -150px;
}

и замените на

.oplata1 {
	font-size: 12px;
}

#45 Stanislav

Stanislav

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

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

Отправлено 26 Октябрь 2013 - 17:42

Просмотр сообщенияСake (26 Октябрь 2013 - 04:39) писал:

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

<!-- Блок описания модификации -->
Таблица встала нормально, спасибо, вот только варианты оплаты стоят открытыми и при открытии вариантов доставки оплата уезжает чуток

#46 Stanislav

Stanislav

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

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

Отправлено 27 Октябрь 2013 - 00:53

Частично решил проблему, заменив это
<td class="goodsDataMainModificationDataBlock">
																				<a onclick="$('.oplata').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 0px dotted; margin: 15px;"><span class="oplata1"><img class="opl" src="{ASSETS_IMAGES_PATH}opl.png" alt="">Оплата</span></a>
																				</td>
																
																  <tr>
																				<td class="goodsDataMainModificationDataBlock">

на 

<td class="goodsDataMainModificationDataBlock">
																				<a onclick="$('.oplata').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 0px dotted; margin: 15px;"><span class="oplata1"><img class="opl" src="{ASSETS_IMAGES_PATH}opl.png" alt="">Оплата</span></a>
																				</td>
																
																  <tr>
																				<td class="oplata">

то есть заменил тд класс для оплаты на свой, вобщем не знаю правильно ли это, но работает)).

Теперь осталась только одна трудность, при открытии вариантов оплата чуть убегает влево

#47 miyako

miyako

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

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

Отправлено 27 Октябрь 2013 - 08:13

Просмотр сообщенияStanislav (27 Октябрь 2013 - 00:53) писал:

Частично решил проблему, заменив это
<td class="goodsDataMainModificationDataBlock">
																			 <a onclick="$('.oplata').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 0px dotted; margin: 15px;"><span class="oplata1"><img class="opl" src="{ASSETS_IMAGES_PATH}opl.png" alt="">Оплата</span></a>
																			 </td>
																
																 <tr>
																			 <td class="goodsDataMainModificationDataBlock">

на

<td class="goodsDataMainModificationDataBlock">
																			 <a onclick="$('.oplata').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 0px dotted; margin: 15px;"><span class="oplata1"><img class="opl" src="{ASSETS_IMAGES_PATH}opl.png" alt="">Оплата</span></a>
																			 </td>
																
																 <tr>
																			 <td class="oplata">

то есть заменил тд класс для оплаты на свой, вобщем не знаю правильно ли это, но работает)).

Теперь осталась только одна трудность, при открытии вариантов оплата чуть убегает влево

Добавьте в конец main.css код - 
.goodsDataMainOrder table {width:100%;}

#48 Stanislav

Stanislav

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

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

Отправлено 27 Октябрь 2013 - 12:10

Просмотр сообщенияmiyako (27 Октябрь 2013 - 08:13) писал:

Добавьте в конец main.css код -
.goodsDataMainOrder table {width:100%;}

Эх почти... оплата сместилась правее, но все также при открытии доставки, она смещается, только теперь в другую сторону и меньше

Блин, еще модификации разъехались друг от друга

#49 miyako

miyako

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

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

Отправлено 27 Октябрь 2013 - 13:56

Просмотр сообщенияStanislav (27 Октябрь 2013 - 12:10) писал:

Эх почти... оплата сместилась правее, но все также при открытии доставки, она смещается, только теперь в другую сторону и меньше

Блин, еще модификации разъехались друг от друга

В каком браузере Вы проверяете? В гугл Хром отображается корректно

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

  • оплата.png
  • доставка.png
  • оба закрыты.png

#50 Stanislav

Stanislav

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

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

Отправлено 27 Октябрь 2013 - 14:12

Смотрю в опере, хроме (кэш и все остальное подчищал)  и щаметил такую вещь, да, они и правда не двигаются, если изменить масштаб, поставьте у себя масштаб 100% и пощелкайте, при открытии доставки, оплата убегает влево на пару пикселей, не критично, но и не серьезно. Скиньте себе мои скрины и быстро просмотрите. Вот что я вижу

#51 Stanislav

Stanislav

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

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

Отправлено 27 Октябрь 2013 - 17:39

Решил проблему сдвинув немного влево, а вот как теперь снова модификации? они разъехались друг от друга

#52 miyako

miyako

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

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

Отправлено 28 Октябрь 2013 - 07:41

Просмотр сообщенияStanislav (27 Октябрь 2013 - 17:39) писал:

Решил проблему сдвинув немного влево, а вот как теперь снова модификации? они разъехались друг от друга

Подскажите пожалуйста товар с модификациями на Вашем сайте. (ссылку или его название)

#53 Stanislav

Stanislav

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

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

Отправлено 28 Октябрь 2013 - 10:12

Вооооот, разъехались модификации

#54 ne_yana

ne_yana

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

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

Отправлено 28 Октябрь 2013 - 10:25

Просмотр сообщенияStanislav (28 Октябрь 2013 - 10:12) писал:

http://jujumarket.st...s/Faloimmitator Вооооот, разъехались модификации
Здравствуйте, в файлу main.css замените
.goodsDataFeatures p {
line-height: 1.2em;
float: left;
margin: 0em 3.3em 1em 1em;
padding: 0;
width: 100%;
background: transparent url('http://jujumarket.storeland.net/grey_dotted.gif') repeat-x scroll 0 100%;
}
на
.goodsDataFeatures p {
float: left;
margin: 0em 3.3em 0em 1em;
padding: 0;
width: 100%;
background: transparent url('http://jujumarket.storeland.net/grey_dotted.gif') repeat-x scroll 0 100%;
}

#55 Stanislav

Stanislav

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

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

Отправлено 28 Октябрь 2013 - 12:24

Просмотр сообщенияne_yana (28 Октябрь 2013 - 10:25) писал:

Здравствуйте, в файлу main.css замените
.goodsDataFeatures p {

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

#56 ne_yana

ne_yana

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

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

Отправлено 28 Октябрь 2013 - 12:35

Просмотр сообщенияStanislav (28 Октябрь 2013 - 12:24) писал:

Здравствуйте, к сожалению без изменений, блок модщификации только вверх сдвинулся, изменения откатываю
Извините, я не так Вас поняла, приложите, пожалуйста, скриншот. Как Вы бы хотели видеть модификации?

#57 Stanislav

Stanislav

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

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

Отправлено 28 Октябрь 2013 - 14:17

Просмотр сообщенияne_yana (28 Октябрь 2013 - 12:35) писал:


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

#58 empty9228

empty9228

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

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

Отправлено 28 Октябрь 2013 - 14:37

Здравствуйте! Найдите у себя в файле main.css следующий код

.goodsDataMain td				   {vertical-align:top}
замените его на 
.goodsDataMain td				   {vertical-align:top;float: left;}
там же найдите код
.goodsDataMainModificationsBlockProperty {padding:3px 0px 10px 0px;font-size: 12px; color: #000}
замените его на
.goodsDataMainModificationsBlockProperty {padding: 1px 12px 10px 0px;font-size: 12px; color: #000}

#59 Stanislav

Stanislav

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

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

Отправлено 28 Октябрь 2013 - 16:44

Просмотр сообщенияempty9228 (28 Октябрь 2013 - 14:37) писал:

Здравствуйте! Найдите у себя в файле main.css следующий код


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

#60 ne_yana

ne_yana

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

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

Отправлено 28 Октябрь 2013 - 17:07

Просмотр сообщенияStanislav (28 Октябрь 2013 - 16:44) писал:

Здравствуйте, спасибо, модификации пришли в порядок, в беспорядок теперь пришли характеристики. Правая колонка потеряла выравнивание. Скрин прилагается
Здравствуйте, откатите первое из изменений написанных выше и замените
.goodsDataMainModificationsBlockProperty {
padding: 1px 12px 10px 0px;
font-size: 12px;
color: #000;
}
на
.goodsDataMainModificationsBlockProperty {
padding: 1px 12px 10px 0px;
font-size: 12px;
color: #000;
float: left;
}

Обратно в Общие вопросы


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

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

  1. Форум владельцев интернет-магазинов
  2. → Повышение продаж, продвижение
  3. → Общие вопросы
  4. Privacy Policy