Добрый день.
На все 3 вопроса - приложены скриншоты (на каждый - отдельно)
1. Как увеличить наименование вида доставки (сейчас шрифт описания больше, чем название вида доставки)
2. Как поднять кружочек для выбора доставки на одну линию с названием доставки?
3. В связи с большим количеством вариантов доставки + необходимость описания (условия, сроки), хочу спрятать описание каждого вида доставки под словом Подробнее. На форуме нашла варианты, но они не работают, то есть работают, только если делаешь для 1 вида доставки, если ставить для всех, то ерунда получается.
1
Внести Изменения В Отображение Доставки - 3 Вопроса
Автор elenagriss, 22 авг. 2018 09:42
Сообщений в теме: 7
#1
Отправлено 22 Август 2018 - 09:42
#2
Отправлено 23 Август 2018 - 08:15
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
далее найдите:
замените на:
далее зайдите в шаблон Оформление заказа - найдите:
замените на:
далее зайдите в main.js - в самом конце вставьте:
Зайдите в раздел Сайт - Редактор шаблонов - 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
Отправлено 23 Август 2018 - 09:07
Все сделала - 1 и 2 вопрос все отлично. А вот 3 вопрос, там вроде все и работает, но как-то странненько:
во-первых, при наведении курсора на Подробнее, он не превращается в стрелку (руку или др. элемент по настройкам компьютера). Обычно при наведении на ссылку, курсор меняется и дает подсказку пользователю, что есть ссылка.
во-вторых, обратно текст не свертывается - можно это поправить?
Заранее спасибо.
во-первых, при наведении курсора на Подробнее, он не превращается в стрелку (руку или др. элемент по настройкам компьютера). Обычно при наведении на ссылку, курсор меняется и дает подсказку пользователю, что есть ссылка.
во-вторых, обратно текст не свертывается - можно это поправить?
Заранее спасибо.
#4
Отправлено 04 Сентябрь 2018 - 10:01
А ответа долго ждать?
#5
Отправлено 05 Сентябрь 2018 - 06:41
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
замените на:
Далее зайдите в main.css - найдите:
после него пропишите:
Зайдите в раздел Сайт - Редактор шаблонов - 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;}
#7
Отправлено 05 Сентябрь 2018 - 09:24
elenagriss (05 Сентябрь 2018 - 09:05) писал:
Большое спасибо - все получилось!
И Последний вопросик - шрифт названия доставки меньше, чем само описание.
Нужно сделать размер больше и поставить жирный шрифт - как это сделать?
И Последний вопросик - шрифт названия доставки меньше, чем само описание.
Нужно сделать размер больше и поставить жирный шрифт - как это сделать?
Здравствуйте. Зайдите в шаблон main.css и обавьте в самый конец данный код:
td.cell2 {
font-size: 1.3em;
}
#8
Отправлено 05 Сентябрь 2018 - 09:27
Спасибо - все вопросы решены.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных