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


Внести Изменения В Отображение Доставки - 3 Вопроса


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

#1 elenagriss

elenagriss

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

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

Отправлено 22 Август 2018 - 09:42

Добрый день.
На все 3 вопроса - приложены скриншоты (на каждый - отдельно)
1. Как увеличить наименование вида доставки (сейчас шрифт описания больше, чем название вида доставки)
2. Как поднять кружочек для выбора доставки на одну линию с названием доставки?
3. В связи с большим количеством вариантов доставки + необходимость описания (условия, сроки), хочу спрятать описание каждого вида доставки под словом Подробнее. На форуме нашла варианты, но они не работают, то есть работают, только если делаешь для 1 вида доставки, если ставить для всех, то ерунда получается.

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

  • доставка - вопрос 1.jpg
  • Доставка - вопрос 2.jpg
  • Доставка - вопрос 3.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 23 Август 2018 - 08:15

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.orderStageDelivery td.cell2		  {width:auto;}

замените на:
.orderStageDelivery td.cell2		  {width:auto;font-size: 16px;}

далее найдите:
.orderStageDelivery td				{vertical-align:middle;margin:0px;}

замените на:
.orderStageDelivery td				{margin:0px;}

далее зайдите в шаблон Оформление заказа - найдите:
					<td class="cell2"><div class="htmlDataBlock">{order_delivery.DESC}</div></td>
                    
замените на:
					<td class="cell2"><span>Подробнее</span><div class="htmlDataBlock">{order_delivery.DESC}</div></td>
                    
далее зайдите в main.js - в самом конце вставьте:
$(document).ready(function(){
  $('.orderStageDeliveryListTable .htmlDataBlock').hide();
   $('.orderStageDeliveryListTable .cell2 span').click(function(){
	 $(this).toggle('slow');
	 $(this).closest('td').find('.htmlDataBlock').toggle('slow');
   });
});


#3 elenagriss

elenagriss

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

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

Отправлено 23 Август 2018 - 09:07

Все сделала - 1 и 2 вопрос все отлично. А вот 3 вопрос, там вроде все и работает, но как-то странненько:
во-первых, при наведении курсора на Подробнее, он не превращается в стрелку (руку или др. элемент по настройкам компьютера). Обычно при наведении на ссылку, курсор меняется и дает подсказку пользователю, что есть ссылка.
во-вторых, обратно текст не свертывается - можно это поправить?
Заранее спасибо.

#4 elenagriss

elenagriss

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

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

Отправлено 04 Сентябрь 2018 - 10:01

А ответа долго ждать?

#5 Vaccina

Vaccina

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

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

Отправлено 05 Сентябрь 2018 - 06:41

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$(document).ready(function(){
  $('.orderStageDeliveryListTable .htmlDataBlock').hide();
   $('.orderStageDeliveryListTable .cell2 span').click(function(){
		 $(this).toggle('slow');
		 $(this).closest('td').find('.htmlDataBlock').toggle('slow');
   });
});

замените на:
$(document).ready(function(){
   $('.orderStageDeliveryListTable .htmlDataBlock').hide();
   $('.orderStageDeliveryListTable .cell2 span').toggle(function(){
		 $(this).closest('td').find('.htmlDataBlock').toggle('slow');
		 $(this).text("Скрыть").stop();
   }, function(){
		 $(this).closest('td').find('.htmlDataBlock').toggle('slow');
		 $(this).text("Подробнее").stop();		 
   });
});

Далее зайдите в main.css - найдите:
.orderStageDelivery td.cell2			  {width:auto;font-size: 16px;}

после него пропишите:
.orderStageDelivery td.cell2 > span			  {cursor: pointer;}


#6 elenagriss

elenagriss

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

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

Отправлено 05 Сентябрь 2018 - 09:05

Большое спасибо - все получилось!
И Последний вопросик - шрифт названия доставки меньше, чем само описание.
Нужно сделать размер больше и поставить жирный шрифт - как это сделать?

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

  • доставка - вопрос 4.jpg


#7 stasia

stasia

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

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

Отправлено 05 Сентябрь 2018 - 09:24

Просмотр сообщенияelenagriss (05 Сентябрь 2018 - 09:05) писал:

Большое спасибо - все получилось!
И Последний вопросик - шрифт названия доставки меньше, чем само описание.
Нужно сделать размер больше и поставить жирный шрифт - как это сделать?

Здравствуйте. Зайдите в шаблон main.css и обавьте в самый конец данный код:

td.cell2 {
    font-size: 1.3em;
}

#8 elenagriss

elenagriss

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

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

Отправлено 05 Сентябрь 2018 - 09:27

Спасибо - все вопросы решены.




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

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