Отключен JavaScript

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

0

Разные Вопросы

Автор MySait1, 08 мая 2014 08:34

Авторизуйтесь для ответа в теме

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

#1 MySait1

Новичок

Пользователи
9 сообщений

Отправлено 08 Май 2014 - 08:34

Добрый день! Прошу сделать некоторые изменения в дизайне:
1) Изменить подвал, как на скрине 1
2) Изменить отображение товаров в категории в строчку, как на скрине 2. И по возможности,е сли название длинное, то перенос название в следующую строчку.
3) Справа от слайдера сделать 4 конетейнера для банеров размеры 48х200px, расстояние между банером и контейнерами 2px, скрин 3
Заранее спасибо.

ЗЫ Открываю второй магазин у вас. Всё просто супер, спасибо вам, что вы есть

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

Наверх

#2 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 08 Май 2014 - 09:28

MySait1 (08 Май 2014 - 08:34) писал:

Добрый день! Прошу сделать некоторые изменения в дизайне:
1) Изменить подвал, как на скрине 1
2) Изменить отображение товаров в категории в строчку, как на скрине 2. И по возможности,е сли название длинное, то перенос название в следующую строчку.
3) Справа от слайдера сделать 4 конетейнера для банеров размеры 48х200px, расстояние между банером и контейнерами 2px, скрин 3
Заранее спасибо.

ЗЫ Открываю второй магазин у вас. Всё просто супер, спасибо вам, что вы есть

1.
В конец файла "main.css".
Добавить код:

.footelinks {
width: 100%;
height: 70px;
margin:0 auto;
}

ul.footelinks {
width: 400px;
}

ul.footelinks li {
width: 200px;
height: 20px;
float: left;
}

В шаблоне "HTML"
Находим:

<div class="alignCenter">
{% FOR menu %}
{% FOR footer %}
{% FOR links %}
<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a> {% IF menu.footer.links.rindex>1 %}| {% ENDIF %}
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>

Заменяем на:

<div class="footelinks alignCenter">
<ul class="footelinks">
{% FOR menu %}
{% FOR footer %}
{% FOR links %}
<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>

2. Попробуйте такой вариант

В шаблоне "Товары"
Находим:

{% IFNOT goods.MIN_REST_VALUE=3 %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</div>
</td>
{% ENDIF %}

Заменяем на:

{% IFNOT goods.MIN_REST_VALUE=3 %}
<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
{% ENDIF %}

В конец файла "main.css".
Добавить код:

.goodsListItemPriceNew {
width: 100px;
float: right;
font-size: 14px;
}

.goodsListItemName {font-size:16px;margin:1px;max-height:3.8em;overflow:hidden;float:left;width:630px;}

3.
В шаблоне "HTML"
Находим:

<div class="theme-default" style="padding: 0em; display: none;">

Заменяем на:

<div class="banner">
  <li><a href="#"><img src="#"/></a></li>
  <li><a href="#"><img src="#"/></a></li>
  <li><a href="#"><img src="#"/></a></li>
  <li><a href="#"><img src="#"/></a></li>
</div>

<div class="theme-default" style="padding: 0em; display: none;width:700px;">

В конец файла "main.css".
Добавить код:

.banner {
position: relative;
float: right;
width: 250px;
height: 220px;
}

.banner li {
list-style:none;
}

.banner li img {
height: 53px;
width: 250px;
}

Наверх

#3 MySait1

Новичок

Пользователи
9 сообщений

Отправлено 08 Май 2014 - 10:17

почти получилось, как вот это исправить
1) убрать расстояние
2) выровнять по краю, добавить артикул
3) в подвале выровнять ссылки

Наверх

#4 MikDark

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

Модераторы
6 468 сообщений

Отправлено 08 Май 2014 - 10:27

MySait1 (08 Май 2014 - 10:17) писал:

почти получилось, как вот это исправить
1) убрать расстояние
2) выровнять по краю, добавить артикул
3) в подвале выровнять ссылки

1) В main.css найдите:

.banner {
position: relative;
float: right;
width: 250px;
height: 220px;
}

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

.banner {
position: relative;
float: right;
width: 296px;
height: 220px;
text-align: left;
}

2) В main.css найдите:

.goodsListItemName {
font-size: 16px;
margin: 1px;
max-height: 3.8em;
overflow: hidden;
float: left;
width: 630px;
}

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

.goodsListItemName {
font-size: 16px;
margin: 1px;
max-height: 3.8em;
overflow: hidden;
float: left;
width: 630px;
text-align: left;
}

Сам артикул должен быть в продолжении названия или сделать его отдельной колонкой как цена?

3) В main.css найдите:

ul.footelinks li {
width: 200px;
height: 20px;
float: left;
}

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

ul.footelinks li {
width: 200px;
height: 20px;
float: left;
text-align: left;
}

Наверх

#5 MySait1

Новичок

Пользователи
9 сообщений

Отправлено 08 Май 2014 - 10:37

артикул так же как цена, в отдельной колонке
И в подвале 4 колонки (сейчас 2)
А так всё нормально, спасибо.

Наверх

#6 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 08 Май 2014 - 10:52

MySait1 (08 Май 2014 - 10:37) писал:

артикул так же как цена, в отдельной колонке
И в подвале 4 колонки (сейчас 2)
А так всё нормально, спасибо.

Изменения в подвале

В файла "main.css".
Удалить код:

ul.footelinks {
width: 400px;
}

В файле "main.css".
Найти:

.footelinks {
width: 100%;
height: 70px;
margin:0 auto;
}

Заменить:

.footelinks {
width: 600px;
height: 100px;
margin:0 auto;
}

Наверх

#7 MySait1

Новичок

Пользователи
9 сообщений

Отправлено 08 Май 2014 - 11:34

1)Артикул не видно в каталоге товара
2) http://explorer-soft...n22/index.html# стандартное меню аккардеон вот один в один надо
Спасибо.

Наверх

#8 Vaccina

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

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

Отправлено 09 Май 2014 - 02:39

1. В коде у вас отстутствует какое-либо упоминанием про артикул. В шаблоне Товары найдите:

<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>

после него вставьте:

<span>Артикул: <span>{goods.ART_NUMBER}</span></span>

2. Сначала делаем по данной инструкции: http://forum.storela...-без-обновлени/
Для аналогичный работы как на сайте примере и далее остается простилизовать по цветам.