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


Несколько Визуальных Изменений

Цена товара расположение хл ных крошек

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

#1 Tagashi

Tagashi

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

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

Отправлено 17 Март 2015 - 11:11

Добрейший день !... аккаунт

279675




Первое что хотелось бы изменить - это  вместо чекбоксов - выпадающий список
Второе - Это перенос хлебных крошек НАД фильтром по характеристикам
И третье -это Немного увеличить Ячейку с товаром вверх (в высоту ) чтобы можно было уместить цену и название товара
Спасибо!

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

  • zz.png

Сообщение отредактировал Tagashi: 17 Март 2015 - 11:18


#2 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 17 Март 2015 - 11:25

Просмотр сообщенияTagashi (17 Март 2015 - 11:11) писал:

Добрейший день !... аккаунт

279675




Первое что хотелось бы изменить - это  вместо чекбоксов - выпадающий список
Второе - Это перенос хлебных крошек НАД фильтром по характеристикам
И третье -это Немного увеличить Ячейку с товаром вверх (в высоту ) чтобы можно было уместить цену и название товара
Спасибо!
Здравствуйте. В main.css замените
.goodsListItemBlock {
  height: 200px;
  margin: 5px;
  overflow: hidden;
}
на
.goodsListItemBlock {
  height: 290px;
  margin: 5px;
  overflow: hidden;
}
и добавьте
.goodsListItemImage img {
  padding-top: 90px;
}


#3 Tagashi

Tagashi

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

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

Отправлено 17 Март 2015 - 13:58

С карточками товаров все получилось, осталось переместить хлебные крошки и сделать выпадающий список

#4 Ирина345

Ирина345

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

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

Отправлено 17 Март 2015 - 14:19

Просмотр сообщенияTagashi (17 Март 2015 - 13:58) писал:

С карточками товаров все получилось, осталось переместить хлебные крошки и сделать выпадающий список
Здравствуйте,
1. используйте данную тему форума
http://forum.storela...й-вид-фильтров/
2. найдите в шаблоне Товары код
<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> 
и переместите его в шаблон HTML после


			  {% IF TARIFF_FEATURE_GOODS_FILTERS %}


#5 Tagashi

Tagashi

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

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

Отправлено 19 Март 2015 - 09:38

С выпадающим списком так ничего и не получилось.

И появились другие вопросы, а именно:

Как фильтр по хар-м перенести в блок слева?
Как заменить шрифт наименования товара ?
Как увеличить шрифт цены товара ?

И как сделать товар в 3 колонки ?? Не в 4 как сейчас, а в 3 ?

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

  • ssas.png


#6 RayLi

RayLi

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

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

Отправлено 19 Март 2015 - 10:48

Просмотр сообщенияTagashi (19 Март 2015 - 09:38) писал:

С выпадающим списком так ничего и не получилось.

И появились другие вопросы, а именно:

Как фильтр по хар-м перенести в блок слева?
Как заменить шрифт наименования товара ?
Как увеличить шрифт цены товара ?

И как сделать товар в 3 колонки ?? Не в 4 как сейчас, а в 3 ?
Здравствуйте.
В шаблоне main.css найдите код:
.goodsListItemBlock a {
  color: #BE9E4C;
}
И замените его вот этим кодом:
.goodsListItemBlock a {
  color: #BE9E4C;
  font-size: 20px;
}
Теперь найдите вот этот код:
.goodsListItemName a {
  color: #2f97cb;
  font-size: 25px;
  line-height: 1.2em;
  padding: 0px;
  margin: 0px;
}
И замените его:
.goodsListItemName a {
  color: #2f97cb;
  font-size: 30px;
  line-height: 1.2em;
  padding: 0px;
  margin: 0px;
}


#7 Tagashi

Tagashi

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

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

Отправлено 19 Март 2015 - 11:13

Как фильтр по хар-м перенести в блок слева?

#8 RayLi

RayLi

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

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

Отправлено 19 Март 2015 - 16:44

Просмотр сообщенияTagashi (19 Март 2015 - 11:13) писал:

Как фильтр по хар-м перенести в блок слева?
Попробуйте сделать следующее:
В шаблоне main.css найдите код:
#content {
  width: 960px;
  margin: 0 auto;
}
И замените его вот этим кодом:
#content {
  width: 1170px;
  margin: 0 auto;
}
После чего найдите вот этот код:
#leftMenuBlock {
  width: 170px;
  margin: 0 20px 0 0;
}
И замените его:
#leftMenuBlock {
  width: 170px;
  margin: 0 20px 0 0;
  float: left;
}


#9 Tagashi

Tagashi

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

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

Отправлено 21 Март 2015 - 00:10

Супер, все получилось. Спасибо

#10 Tagashi

Tagashi

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

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

Отправлено 25 Март 2015 - 10:37

Добрый день, снова и снова я.

1. Хотелось бы удалить это слово "Цена" выделено красным.
2. Хлебные крошки выровнять относительно Вкладки КАТАЛОГ ТОВАРОВ
3. Ячейку товара увеличить по высоте
4. Опять же Хлебные крошки выровнять под вкладку КАТАЛОГ ТОВАРОВ
5. Выровнять категории по центру меню
6. опять же цена
7. Болезненные Хлебные крошки
8. И все-таки хотелось бы сделать выпадающий список ... допустим ... Производитель- и снизу выпадающий список.

#11 Tagashi

Tagashi

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

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

Отправлено 25 Март 2015 - 11:31

Добрый день, снова и снова я.

1. Хотелось бы удалить это слово "Цена" выделено красным.
2. Хлебные крошки выровнять относительно Вкладки КАТАЛОГ ТОВАРОВ
3. Ячейку товара увеличить по высоте
4. Опять же Хлебные крошки выровнять под вкладку КАТАЛОГ ТОВАРОВ
5. Выровнять категории по центру меню
6. опять же цена
7. Болезненные Хлебные крошки
8. И все-таки хотелось бы сделать выпадающий список ... допустим ... Производитель- и снизу выпадающий список.

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

  • 1-2-3.png
  • 4-5.png
  • 6-7-8.png


#12 Cupuyc

Cupuyc

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

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

Отправлено 25 Март 2015 - 13:11

Просмотр сообщенияTagashi (25 Март 2015 - 11:31) писал:

Добрый день, снова и снова я.

1. Хотелось бы удалить это слово "Цена" выделено красным.
2. Хлебные крошки выровнять относительно Вкладки КАТАЛОГ ТОВАРОВ
3. Ячейку товара увеличить по высоте
4. Опять же Хлебные крошки выровнять под вкладку КАТАЛОГ ТОВАРОВ
5. Выровнять категории по центру меню
6. опять же цена
7. Болезненные Хлебные крошки
8. И все-таки хотелось бы сделать выпадающий список ... допустим ... Производитель- и снизу выпадающий список.

Здравствуйте, 1) зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
				 <br /><h4 class="contentTbodyCatalogHeader noBorder">Цена</h4>
удалите эту строку кода

2) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте последней строкой код:
#primaryContent h1 {margin-left: 3px;}

3) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
.goodsListItem					 {text-align:center;vertical-align:top;width:200px;overflow:hidden;padding:0px;} /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock {
height: 320px;
margin: 5px;
overflow: hidden;
}


#13 Tagashi

Tagashi

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

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

Отправлено 25 Март 2015 - 14:28

Просмотр сообщенияCupuyc (25 Март 2015 - 13:11) писал:

Здравствуйте, 1) зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
				 <br /><h4 class="contentTbodyCatalogHeader noBorder">Цена</h4>
удалите эту строку кода

2) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте последней строкой код:
#primaryContent h1 {margin-left: 3px;}

3) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
.goodsListItem					 {text-align:center;vertical-align:top;width:200px;overflow:hidden;padding:0px;} /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock {
height: 320px;
margin: 5px;
overflow: hidden;
}

2. Не выравнялось.
3. По высоте ячейки поднял, хотелось бы еще и изображение опустить- чтобы изображение не накладывалось на текст

#14 Cupuyc

Cupuyc

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

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

Отправлено 25 Март 2015 - 15:09

Просмотр сообщенияTagashi (25 Март 2015 - 14:28) писал:

2. Не выравнялось.
3. По высоте ячейки поднял, хотелось бы еще и изображение опустить- чтобы изображение не накладывалось на текст

2) Уточните как именно вы хотите его выравнять

3) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
.goodsListItemImage img {
padding-top: 90px;
}

Замените его на:
.goodsListItemImage img {
padding-top: 117px;
}


#15 Tagashi

Tagashi

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

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

Отправлено 25 Март 2015 - 15:33

Вы здесь:Главная..... и.т.д должна начинаться под вкладкой Каталог Товаров...

Каталог Товаров
Вы здеcь: Главная....

#16 Cupuyc

Cupuyc

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

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

Отправлено 25 Март 2015 - 16:25

Просмотр сообщенияTagashi (25 Март 2015 - 15:33) писал:

Вы здесь:Главная..... и.т.д должна начинаться под вкладкой Каталог Товаров...

Каталог Товаров
Вы здеcь: Главная....

Если вы имеете ввиду поменять местами название категории и блок навигации(скриншот в приложении), то зайдите в админ. панель -> Сайт -> Редактор шаблонов -> ШАБЛОНЫ -> Товары, найдите код:
<!-- Если отображаем полный каталог товаров, без указания категории -->
	 {% IF IS_FULL_CATALOG %}
	 <p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a>
	 &gt; <strong>Каталог товаров</strong>
	 <!-- Если отображаем товары в категории -->
	 {% ELSE %}
	 <p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a>
	 &gt; <a href="{CATALOG_URL}" >Каталог товаров</a>
	 {% FOR upper_navigation %}
		 {% IF upper_navigation.CURRENT %} &gt; <strong>{upper_navigation.NAME}</strong>{% ELSEIF upper_navigation.CURRENT_PARENT %} &gt; <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}
</p>
<h1>{CATEGORY_NAME}</h1>

И замените его на:
<h1>{CATEGORY_NAME}</h1>
<!-- Если отображаем полный каталог товаров, без указания категории -->
	 {% IF IS_FULL_CATALOG %}
	 <p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a>
	 &gt; <strong>Каталог товаров</strong>
	 <!-- Если отображаем товары в категории -->
	 {% ELSE %}
	 <p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a>
	 &gt; <a href="{CATALOG_URL}" >Каталог товаров</a>
	 {% FOR upper_navigation %}
		 {% IF upper_navigation.CURRENT %} &gt; <strong>{upper_navigation.NAME}</strong>{% ELSEIF upper_navigation.CURRENT_PARENT %} &gt; <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}
</p>

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

  • QIP Shot - Screen 007.png


#17 Tagashi

Tagashi

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

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

Отправлено 25 Март 2015 - 16:35

Во вложении 2 картинки- как есть - и как необходимо сделать

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

  • есть.png
  • Необходимо.png


#18 Cupuyc

Cupuyc

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

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

Отправлено 25 Март 2015 - 17:31

Просмотр сообщенияTagashi (25 Март 2015 - 16:35) писал:

Во вложении 2 картинки- как есть - и как необходимо сделать

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
#content {
  width: 1170px;
  margin: 0 auto;
}

И замените его на:
#content {
  width: 1280px;
  margin: 0 auto;
}


#19 Tagashi

Tagashi

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

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

Отправлено 26 Март 2015 - 10:13

Просмотр сообщенияCupuyc (25 Март 2015 - 17:31) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
#content {
width: 1170px;
margin: 0 auto;
}

И замените его на:
#content {
width: 1280px;
margin: 0 auto;
}

С этим получилось. Но возникли другие проблемы.

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

  • 111.png
  • 333.png


#20 RayLi

RayLi

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

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

Отправлено 26 Март 2015 - 11:18

Просмотр сообщенияTagashi (26 Март 2015 - 10:13) писал:

С этим получилось. Но возникли другие проблемы.
Здравствуйте.
Попробуйте сделать следующее:
В шаблоне main.css найдите код:
#contentMainTb {
  width: 960px;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
И замените его вот этим кодом:
#contentMainTb {
  width: 960px;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
}
Далее найдите вот этот код:
#content {
  width: 1280px;
  margin: 0 auto;
}
И замените его этим кодом:
#content {
  width: 940px;
  margin: 0 auto;
}





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

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