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


Каталог На Главной Странице


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

#1 Dizelde

Dizelde

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

  • Пользователи
  • PipPipPip
  • 64 сообщений
  • ГородТюмень

Отправлено 01 Август 2013 - 13:30

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

#2 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 01 Август 2013 - 16:06

Что Вы имеете ввиду под "упорядочить иконки"? Объясните, пожалуйста, поподробнее.
По поводу выравнивания, Вы хотите чтобы все блоки были одинакового размера? если да, то в шаблоне Товары найдите блок
<figure style="width: 173px;position: relative;overflow:hidden;">
			 <a href="{goods.URL | url_amp}" title="{goods.NAME}">
			 <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
			 </a>
		 </figure>
и замените его на
<figure style="width: 173px;position: relative;overflow:hidden;">
			 <div style="height:300px;">
			 <a href="{goods.URL | url_amp}" title="{goods.NAME}">
			 <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
			 </a>
			 </div>
		 </figure>


#3 Dizelde

Dizelde

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

  • Пользователи
  • PipPipPip
  • 64 сообщений
  • ГородТюмень

Отправлено 02 Август 2013 - 06:57

Спасибо

#4 Никита

Никита

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

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

Отправлено 31 Январь 2014 - 12:26

Здравствуйте, подскажите можно ли каталог на главной странице (на скрине №1) переместить вертикально на место блока №2, а текстовый блок №3  поднять выше?

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

  • Безымянный.png


#5 miyako

miyako

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

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

Отправлено 31 Январь 2014 - 13:04

Просмотр сообщенияНикита (31 Январь 2014 - 12:26) писал:

Здравствуйте, подскажите можно ли каталог на главной странице (на скрине №1) переместить вертикально на место блока №2, а текстовый блок №3  поднять выше?

Добавьте в конец style.css код -
.mycont{width: 50% !important;margin: 0px;display: inline-block;*display:inline;zoom:1;}
Далее найдите код -
section[role="main"] {
margin-bottom: 6em;
z-index: 10;
}
и замените на -
section[role="main"] {
margin-bottom: 6em;
z-index: 10;
float: right;
width: 48%;
display: inline-block;
*display:inline;
zoom:1;
}


#6 Никита

Никита

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

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

Отправлено 31 Январь 2014 - 14:02

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

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

  • Безымянный.png


#7 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 01 Февраль 2014 - 16:21

Просмотр сообщенияНикита (31 Январь 2014 - 14:02) писал:

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

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

  • 1.png


#8 Никита

Никита

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

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

Отправлено 06 Февраль 2014 - 10:02

да актуален, извините делал бэкап, теперь вернул

#9 Никита

Никита

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

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

Отправлено 06 Февраль 2014 - 14:57

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

#10 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 07 Февраль 2014 - 10:50

Просмотр сообщенияНикита (06 Февраль 2014 - 14:57) писал:

И можно ли эти изменения применить только в главной странице? а остальные оставить стандартными?
Здравствуйте, уточните, пожалуйста, что именно Вы хотите изменить на главной и что должно быть на остальных страницах?

#11 Никита

Никита

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

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

Отправлено 09 Февраль 2014 - 14:35

Мне хотелось бы чтобы каталог (на первом фото в красной рамке) отображался в левой части вертикально (примерно как на 2-ом фото).  Но на остальных страницах, что бы товар отображался не как сейчас, смещённым вправо (3 фото) а как в первоначальном варианте шаблона (4 фото).
Надеюсь получилось понятно объяснить)

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

  • Безымянный.png
  • Безымянный2.png
  • Безымянный3.png
  • Безымянный4.png


#12 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 09 Февраль 2014 - 15:09

Просмотр сообщенияНикита (09 Февраль 2014 - 14:35) писал:

Мне хотелось бы чтобы каталог (на первом фото в красной рамке) отображался в левой части вертикально (примерно как на 2-ом фото).  Но на остальных страницах, что бы товар отображался не как сейчас, смещённым вправо (3 фото) а как в первоначальном варианте шаблона (4 фото).
Надеюсь получилось понятно объяснить)
1) B style.css замените:
.mycarousel li {
width: 193px;
margin: 0 10px;
text-align: center;
}
на
.mycarousel li {
float: none!important;
width: 193px;
margin: 0 10px;
text-align: center;
}


#13 Никита

Никита

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

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

Отправлено 09 Февраль 2014 - 17:49

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

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

  • Безымянный.png


#14 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 09 Февраль 2014 - 18:28

Просмотр сообщенияНикита (09 Февраль 2014 - 17:49) писал:

Спасибо, а как увеличить текстовый блок? и вернуть прежнее положение блокам на других страницах?
B style.css заменяем:
.mycont {
width: 50% !important;
margin: 0px;
display: inline-block;
zoom: 1;
}
на
.mycont {
width: 17% !important;
margin: 0px;
display: inline-block;
zoom: 1;
}
и
section[role="main"] {
margin-bottom: 6em;
z-index: 10;
float: right;
width: 48%;
display: inline-block;
zoom: 1;
}
на
section[role="main"] {
margin-bottom: 6em;
z-index: 10;
float: right;
width: 80%;
display: inline-block;
zoom: 1;
}


#15 Никита

Никита

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

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

Отправлено 10 Февраль 2014 - 10:35

Спасибо! на главной теперь всё как нужно, но на остальных хотелось бы этот блок ещё расширить. Можно это осуществить, не трогая главную страницу?

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

  • Безымянный.png


#16 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 10 Февраль 2014 - 21:08

Данное расширение блока можно реализовать, но это нарушит адаптивность Вашего сайта.




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

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