Сообщений в теме: 11

[Lesson]

Как правильно свернуть/развернуть условия доставки в описании товара. Тема ранее обсуждалась Ссылка. Как сделать тоже самое, только в шаблоне "Пластик"

Сайт: ShopLesson.ru

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

• 

[Vaccina]

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

<!-- Условия доставки -->
		  <div class="block">
			<div class="delivery fnt12n txtalgnlft">

и заменить на

<!-- Условия доставки -->
		  <div class="block">
			<a onclick="$('.delivery.fnt12n.txtalgnlft').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 1px dotted; margin: 15px;">Варианты доставки</a>

			<div class="delivery fnt12n txtalgnlft" style="display:none;">

[Lesson]

Спасибо

[Надежда1986]

Vaccina (04 Октябрь 2012 - 14:01) писал:

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

<!-- Условия доставки -->
<div class="block">
<div class="delivery fnt12n txtalgnlft">

и заменить на

<!-- Условия доставки -->
<div class="block">
<a onclick="$('.delivery.fnt12n.txtalgnlft').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 1px dotted; margin: 15px;">Варианты доставки</a>

<div class="delivery fnt12n txtalgnlft" style="display:none;">

Vaccina (04 Октябрь 2012 - 14:01) писал:

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

<!-- Условия доставки -->
<div class="block">
<div class="delivery fnt12n txtalgnlft">

и заменить на

<!-- Условия доставки -->
<div class="block">
<a onclick="$('.delivery.fnt12n.txtalgnlft').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 1px dotted; margin: 15px;">Варианты доставки</a>

<div class="delivery fnt12n txtalgnlft" style="display:none;">

А подскажите куда мне вставлять код? у меня изменен блок доставки :
<!-- Условия доставки -->
<div class="headline padd" style="margin:10px 0 0 0px;">
<div class="main">
<div class="h1static clear">
<h2 class="fnt18n">Условие доставки</h2>
</div>
<!-- Способ -->
{% FOR goods_delivery %}
<div class="variant">
<div class="title fnt12b" rel="{goods_delivery.ID}">
Вариант {goods_delivery.index}: {goods_delivery.NAME}
</div>
<div class="info">
{goods_delivery.DESC}
</div>
{% IF goods_delivery.rules_empty %}
<div class="delivmoney fnt11i">
Стоимость доставки: {goods_delivery.PRICE | money_format}
</div>
{% ELSE %}
<div class="delivmoney fnt11i">
Стоимость доставки зависит от суммы заказа:
</div>
<div class="history" style="padding:0;">
<table cellpadding="0" width="100%" cellspacing="0" class="fnt11b txtalgncnt">
<tr class="title">
<td>
Для заказов больше
</td>
<td width="30%">
Стоимость
</td>
</tr>
{% FOR rules %}
<tr class="delivery">
<td class="txtalgnlft">
{goods_delivery.rules.SUM_MORE_PRICE | money_format}
</td>
<td class="last">
{goods_delivery.rules.PRICE | money_format}
</td>
</tr>
{% ENDFOR %}
<tr class="delivery">
<td class="old txtalgnlft fnt10n">
Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}
</td>
<td class="last">
{goods_delivery.PRICE | money_format}
</td>
</tr>
</table>
</div>
{% ENDIF %}
</div>
{% ENDFOR %}
<!-- Способ-Конец -->
</div>
</div>
<!-- Условия доставки-Конец -->
{% ENDIF %}

спасибо заранее

[Сake]

Попробуйте код

<div class="main">
<div class="h1static clear">
<h2 class="fnt18n">Условие доставки</h2>
</div>
<!-- Способ -->
{% FOR goods_delivery %}

заменить на

<div class="h1static clear">
<h2 class="fnt18n"><a onclick="$(this).closest('div').next('.main').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 1px dotted; margin: 15px;">Условие доставки</a></h2>
</div>
<div class="main" style="display:none;">
<!-- Способ -->
{% FOR goods_delivery %}

[Надежда1986]

Сake (11 Сентябрь 2013 - 02:54) писал:

Попробуйте код

<div class="main">
<div class="h1static clear">
<h2 class="fnt18n">Условие доставки</h2>
</div>
<!-- Способ -->
{% FOR goods_delivery %}

заменить на

<div class="h1static clear">
<h2 class="fnt18n"><a onclick="$(this).closest('div').find('.main').toggle();return(false);" href="#" style="text-decoration: none; border-bottom: 1px dotted; margin: 15px;">Условие доставки</a></h2>
</div>
<div class="main" style="display:none;">
<!-- Способ -->
{% FOR goods_delivery %}

вообще пропала доставка.пока все вернула

[Сake]

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

Выполните еще раз изменения и посмотрите результат.

[Serzh]

Всем добрый день! Не буду создавать новую тему. Как можно уменьшить правый блок (где доставка и цена сейчас) и соответственно увеличить основное изображение товара?

[MikDark]

Serzh (16 Ноябрь 2014 - 12:42) писал:

Всем добрый день! Не буду создавать новую тему. Как можно уменьшить правый блок (где доставка и цена сейчас) и соответственно увеличить основное изображение товара?

В main.css находим код:

#content .product .rightpart {
float: right;
width: 55%;
}

и уменьшаем параметр width

Далее ищем:

#content .product .leftpart {
float: left;
width: 43%;
}

и на такое же значение увеличиваем параметр width

[Serzh]

ОК, поправил, а изменить размер основного изображения?

[MikDark]

Serzh (16 Ноябрь 2014 - 12:53) писал:

ОК, поправил, а изменить размер основного изображения?

В шаблоне main.css найдите код:

#content .product .leftpart .fullimg a img { max-width:310px; max-height:200px; position:relative; z-index:30; }

и увеличьте значения max-width и max-height
Желательно, чтобы там стояла одна величина, а не как сейчас 310 и 200

[Serzh]

Всё готово) Спасибо!