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

[ConstantinRS]

Здравствуйте. По умолчанию в шаблоне вечность страница отображения товара довольно страшненькая..
К тому же, у меня в ней не отображается панель выбора модификаций, хотя сами модификации у конкретного товара присутствуют (этот товар:http://tinorossi.ru/goods/Zolotoe-kolco-s-ametistom-i-brilliantami?from=MjIw#show_tab_1)
Хотелось бы:
1.Подключить модуль модификаций;
2.1.Привести его к виду для товаров категории "Кольца" и "Обручальные кольца":

2.2.Для товаров категории "Цепи" и "Браслеты" вместо размеров колец должны отображаться варианты длины, и меняться цена, в зависимости от выбранной длины.
2.3.Для товаров категории "Серьги", "Подвески" модуль модификации отображаться не должен.

3.Перенести изображения миниатюр с позиции снизу от основного изображения в позицию слева от него:

[ConstantinRS]

Нда, я так понимаю, не хочется никому возиться с чем-то действительно интересным, или у руководства Вашего политика такая...
Помогите хотя бы минимумом:
С модификациями почти полностью разобрался.
1.Нужно лишь, увеличить окно выбора модификации, а то шрифт меняется, а окно остаётся прежнего размера, то есть, шрифт целиком просто не помещается:

И не получается перенести кнопку "Купить" под выбор модификации.

Должно получиться нечто, вроде:

[ConstantinRS]

Кнопку перенёс вырезав блок

[size=4]<!-- Добавление в корзину -->[/size]
<div class="buy-item">
<!--<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">-->

<button type="submit" onclick="quickorder('.goodsDataForm');return false;" title="Быстро оформить заказ" style="float: left;">Купить</button>
<!--button type="submit" onclick="$('.goodsDataForm').submit();" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" style="float: left;">В корзину</button-->
</div>
<!-- /Добавление в корзину -->

И вставив его после:

<!-- Блок описания модификации -->
<div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
{GOODS_MOD_DESCRIPTION}
</div>
<div class="clear"></div>
</div>
</div>
</div>
</form>
<div class="breadcrumb">
<p>
{% FOR upper_navigation %}
{% IF upper_navigation.last %}
<span>></span><a href="{upper_navigation.URL}" title="Вернуться в категорию &laquo;{upper_navigation.NAME}&raquo;"><b>Вернуться в категорию {upper_navigation.NAME}</b></a>
{% ENDIF %}
{% ENDFOR %}
</p>
</div>

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


И также хотелось бы перенести весь получившийся блок так, как на изображении ниже:

[ConstantinRS]

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

Меню содержится в разделе "Настройки" => "Основные".
Может, кому полезно будет.

[Stasya]

1) Что Вы имете ввиду под словами "Подключить модуль модификаций"?
2.1) К сожалению, такое реализовать нельзя.
2.2) Вы можете к каждому товару добавить свои модификации. Колец- размеры, для браслетов -длина. Это можно сделать в разделе Товары-> Товары в редактрировании конкретного товара. Добавьте необходимую модификацию.
2.3) Если модификации у товара отсутствуют, то отображаться они не будут.
3.1) Кнопка купить сечас находится ниже модификации.
У Вас еще есть вопросы, которые остались не отвеченными?

[ConstantinRS]

Stasya (26 Январь 2014 - 15:37) писал:

У Вас еще есть вопросы, которые остались не отвеченными?

ConstantinRS (24 Январь 2014 - 19:46) писал:

Вопрос по увеличению окна выбора модификаций всё ещё актуален. То есть размер окна-то я могу увеличить, но размер по умолчанию отображаться там не будет:
страница товара2.png

И также хотелось бы перенести весь получившийся блок так, как на изображении ниже:
страница товара.png

[Alexey11]

ConstantinRS (24 Январь 2014 - 19:46) писал:

Вопрос по увеличению окна выбора модификаций всё ещё актуален. То есть размер окна-то я могу увеличить, но размер по умолчанию отображаться там не будет:
страница товара2.png

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

select {padding: 0.4em;float: left;height: 30px;}

В нем измените параметры высоты и добавьте параметр font-size

select {padding: 0.4em;float: left;height: 30px; font-size:20px;}

Должно получиться примерно так как на скриншоте:

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

• 

[Alexey11]

Для того чтобы переместить блок чуть ниже будет достаточно добавить данный код в шаблон style.css

.goodsDataMain {
	margin-top: 125px;
}

[ConstantinRS]

Огромное спасибо, Alexey11.

Для этой страницы осталось лишь несколько вопросов:

1.Как уменьшить область, занимаемую изображением, чтобы возможно было сместить модуль с ценой, модификацией и кнопкой "Купить" к центру?


2. При наличие краткого описания модуль с описанием, характеристиками и доставкой уже при открытии страницы товара является развёрнутым. При отсутствии краткого описания модуль представляется в свёрнутом виде, пока по нему не кликнешь.
Как сделать, чтобы при отсутствии краткого описания, но наличии характеристик и информации о доставке модуль также был открытым при переходе на страницу товара?


3. Уменьшить ширину модуля с описанием, характеристиками и доставкой.

4. Добавить наименование товара сверху. Нечаянно удалил, не от большого ума, конечно, а, если восстанавливать бэкап- очень много придётся менять снова.

Вот так буду пытаться всё сделать в итоге:


До идеала, конечно, ещё долго, но хотелось бы уже быстрее запустить сайт.
Заранее всем большое спасибо.

[miyako]

ConstantinRS (28 Январь 2014 - 21:09) писал:

Огромное спасибо, Alexey11.

Для этой страницы осталось лишь несколько вопросов:

1.Как уменьшить область, занимаемую изображением, чтобы возможно было сместить модуль с ценой, модификацией и кнопкой "Купить" к центру?
областьизображения.png

2. При наличие краткого описания модуль с описанием, характеристиками и доставкой уже при открытии страницы товара является развёрнутым. При отсутствии краткого описания модуль представляется в свёрнутом виде, пока по нему не кликнешь.
Как сделать, чтобы при отсутствии краткого описания, но наличии характеристик и информации о доставке модуль также был открытым при переходе на страницу товара?
модуль описания.png

3. Уменьшить ширину модуля с описанием, характеристиками и доставкой.

4. Добавить наименование товара сверху. Нечаянно удалил, не от большого ума, конечно, а, если восстанавливать бэкап- очень много придётся менять снова.

Вот так буду пытаться всё сделать в итоге:
итог.png

До идеала, конечно, ещё долго, но хотелось бы уже быстрее запустить сайт.
Заранее всем большое спасибо.

1) Результат на скриншоте.

Найдите код в style.css -

body.two-column.item section[role="main"] {
width: 65.644172%;
}

и замените на -

body.two-column.item section[role="main"] {
width: 51%;
}

Далее найдите код  -

.item aside {
float: right;
width: 31.288344%;
margin-left: 3.0674847%;
}

и замените на -

.item aside {
width: 31.288344%;
margin-left: 3.0674847%;
float: left;
}

В конце Вы приложили скриншот с конечным результатом. Куда нужно перенести сопутствующие товары?

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

• 

[ConstantinRS]

Спасибо, miyako.

miyako (29 Январь 2014 - 07:12) писал:

В конце Вы приложили скриншот с конечным результатом. Куда нужно перенести сопутствующие товары?

Сопутствующих товаров и товаров, просмотренных ранее, на странице пока не будет.
Нужно лишь:
1. чтобы модуль характеристик/доставки был постоянно открыт;
2. чтобы этот модуль располагался по центру страницы.

[Alexey11]

ConstantinRS (29 Январь 2014 - 14:04) писал:

Спасибо, miyako.

Сопутствующих товаров и товаров, просмотренных ранее, на странице пока не будет.
Нужно лишь:
1. чтобы модуль характеристик/доставки был постоянно открыт;
2. чтобы этот модуль располагался по центру страницы.

итог.png

1.Для решения данной проблемы попробуйте такой вариант:
В шаблоне "товар" найдите данный блок кода:

  

<!-- Если есть характеристики товара -->
{% IFNOT goods_features_empty %}
<li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
{% ENDIF %}

замените на

<!-- Если есть характеристики товара -->
{% IFNOT goods_features_empty %}
<li><a href="javascript:tabSwitch(2);" id="tab_2" class="active">Характеристики</a></li>
{% ENDIF %}

2.Чтобы данный блок располагался по центру найдите данный код в шаблоне style.css

.tabbed_area {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
			 border:1px solid #494e52/* бордер вокруг описания/характеристик*/;
			 background-color:#404040/* цвет вокруг описания/характеристик*/;
			 padding:5px;}

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

.tabbed_area {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
			 border:1px solid #494e52/* бордер вокруг описания/характеристик*/;
			 background-color:#404040/* цвет вокруг описания/характеристик*/;
			 padding:5px; margin-left:50%; width:100%;}

[ConstantinRS]

Спасибо, Alexey11. Решение с расположением блока описания/характеристик удалось.

Оставшееся:
1. Добавление class="active" , к сожалению ничего не принесло. Блок характеристик при этом выделяется белым цветом, будто он выбран, но остаётся в свёрнутом состоянии. При добавлении полного описания блок становится постоянно раскрыт- без описания пока не получается..
2. И ещё, к сожалению, не удаётся вернуть наименование товара над основным изображением.

[miyako]

ConstantinRS (29 Январь 2014 - 22:48) писал:

Спасибо, Alexey11. Решение с расположением блока описания/характеристик удалось.

Оставшееся:
1. Добавление class="active" , к сожалению ничего не принесло. Блок характеристик при этом выделяется белым цветом, будто он выбран, но остаётся в свёрнутом состоянии. При добавлении полного описания блок становится постоянно раскрыт- без описания пока не получается..
2. И ещё, к сожалению, не удаётся вернуть наименование товара над основным изображением.

2. Найдите код в шаблоне Товар -

<div class="goodsData">

и перед ним добавьте -

<header>
	 <h1 itemprop="name">{GOODS_NAME}</h1>
</header>

1) В файле main.js можно установить какой будет первый таб -

if(!isFind) {
// Ставим активным первый таб на странице.
tabSwitch(1);
}

измените на -

if(!isFind) {
// Ставим активным второй таб на странице.
tabSwitch(2);
}

[ConstantinRS]

Спасибо, miyako.  
Установка активным второго таба действительно помогла.
А вот с надписью над основным изображением..

Код

<header>
<h1 itemprop="name">{GOODS_NAME}</h1>
</header>

перед

<div class="goodsData">

и так присутствует, но надписи, к сожалению, почему-то не добавляет. Даже пробовал основное изображение опускать- может закрывает- не помогло.

[Vaccina]

Причина в стилях, в style.css найдите:

section header {
	display: none;
	margin-bottom: 1em;
	overflow: hidden;
}

удалите display: none;
Если это повлияет на иные ваши изменения, то лучше найдите в шаблоне Товар:

<header>
<h1 itemprop="name">{GOODS_NAME}</h1>
</header>

и замените на:

<header style="display:block;">
<h1 itemprop="name">{GOODS_NAME}</h1>
</header>

[ConstantinRS]

Большое спасибо, Vaccina.Воспользовался вторым вариантом, так как этот

 display: none; 

мне нужен - не позволяет изменить вид в каталоге )

Ещё вопрос. Артикул и наименование товара занимают довольно большие области, и потому не удаётся их разместить на одной линии, для экономии места.

У самого ситуацию исправить никак не получается. Помогите, пожалуйста.

[Vaccina]

попробуйте добавить стили:

.goodsDataMainModificationArtNumber{
float: left;
	padding: 7px 0;
}

а в шаблоне товар измените:

<h1 itemprop="name">{GOODS_NAME}</h1>

на:

<h1 itemprop="name" style="margin-left:1%;">{GOODS_NAME}</h1>

[ConstantinRS]

Большое спасибо за помощь, Vaccina. Всё вышло отлично.

[ConstantinRS]

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

Не нашёл нигде, каким образом можно добавить раздел с условиями гарантии на страницу товара.
Решил использовать вкладку в модуле с характеристиками/описанием, добавил пункт изменением раздела

<!-- Если подключен модуль отзывов о товарах -->

Подскажите, пожалуйста, как добавить текст так, чтобы он отображался так же, как и в остальных вкладках:

Или подскажите, как можно иначе добавить раздел "Гарантии" именно на страницу товара.