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


Предпросмотр Картинок В Шаблоне Каталога


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

#41 koloskov

koloskov

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

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

Отправлено 06 Август 2014 - 15:58

а второй вопрос имеет смысл?

#42 Ирина345

Ирина345

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

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

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

Просмотр сообщенияkoloskov (06 Август 2014 - 15:58) писал:

а второй вопрос имеет смысл?
Здравствуйте, найдите в main.css
.preview .col-1 a {
height: 80px;
position: relative;
display: block;
text-align: center;
margin-bottom: 5px;
}
замените на
.preview .col-1 a {
height: 80px;
position: relative;
display: block;
/* text-align: center; */
margin-bottom: 5px;
margin-right: 4px;
}


#43 Alekseys

Alekseys

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

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

Отправлено 06 Август 2014 - 17:21

Просмотр сообщенияkoloskov (06 Август 2014 - 15:58) писал:

а второй вопрос имеет смысл?
Либо вы можете немного расширить превью и перенести прокрутку на левую сторону, заменив в main.css
body .prod_hold > div .prod-info-fly .preview {
  border: 1px solid #f5f5f5;
  border-right: medium none;
  bottom: -6px;
  box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.1);
  left: -86px !important;
  padding: 5px 0 5px 5px;
  top: -6px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 50;
}
на
body .prod_hold > div .prod-info-fly .preview {
  border: 1px solid #f5f5f5;
  border-right: medium none;
  bottom: -6px;
  box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.1);
  left: -86px !important;
  padding: 5px 0 5px 5px;
  top: -6px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 50;
  width: 85px;
  direction: rtl;
}


#44 koloskov

koloskov

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

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

Отправлено 06 Август 2014 - 18:17

Всем спасибо! Оказалось достаточным добавить и подогнать  width здесь:

body .prod_hold > div .prod-info-fly .preview {
  border: 1px solid #f5f5f5;
  border-right: medium none;
  bottom: -6px;
  box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.1);
  left: -86px !important;
  padding: 5px 0 5px 5px;
  top: -6px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 50;
  width: 85px;
}

#45 koloskov

koloskov

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

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

Отправлено 21 Август 2014 - 09:33

Добрый день.

Обнаружил, что в Хроме высота таблицы превьюшек выше, чем в основная таблица..., а ранее подгонял в мазиле, хотя если приглядется на большом экране и в ней не совсем подогнано... :(

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

  • 21_08_14_01.png


#46 Alekseys

Alekseys

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

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

Отправлено 21 Август 2014 - 10:07

Просмотр сообщенияkoloskov (21 Август 2014 - 09:33) писал:

Добрый день.

Обнаружил, что в Хроме высота таблицы превьюшек выше, чем в основная таблица..., а ранее подгонял в мазиле, хотя если приглядется на большом экране и в ней не совсем подогнано... :(
Здравствуйте. В main.css замените
body .prod_hold > div .prod-info-fly .preview {
border: 1px solid #f5f5f5;
border-right: medium none;
bottom: -6px;
box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.1);
left: -96px !important;
padding: 5px 0 5px 5px;
top: -6px;
overflow: hidden;
overflow-y: auto;
z-index: 50;
width: 95px;
}
на
body .prod_hold > div .prod-info-fly .preview {
border: 1px solid #f5f5f5;
border-right: medium none;
bottom: -6px;
box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.1);
left: -96px !important;
padding: 5px 0 5px 5px;
top: -6px;
overflow: hidden;
overflow-y: auto;
z-index: 50;
width: 95px;
margin-top: 5px;
height: 368px;
}
параметрами margin-top: 5px; и height: 368px; Вы можете отрегулировать верхнюю границу и высоту соответственно.

#47 koloskov

koloskov

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

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

Отправлено 21 Август 2014 - 10:15

Просмотр сообщенияAlekseys (21 Август 2014 - 10:07) писал:

параметрами margin-top: 5px; и height: 368px; Вы можете отрегулировать верхнюю границу и высоту соответственно.
а в плане адаптивности это пройдет? а то я подумывал как-то типа  height: auto

#48 Alekseys

Alekseys

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

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

Отправлено 21 Август 2014 - 11:25

Просмотр сообщенияkoloskov (21 Август 2014 - 10:15) писал:

а в плане адаптивности это пройдет? а то я подумывал как-то типа  height: auto
В плане адаптивности нужно в ручную подгонять под каждое разрешение. height: auto не даст никаких изменений по сравнению с тем, что есть сейчас.

#49 koloskov

koloskov

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

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

Отправлено 21 Август 2014 - 11:37

Просмотр сообщенияAlekseys (21 Август 2014 - 11:25) писал:

В плане адаптивности нужно в ручную подгонять под каждое разрешение.
вот и хотелось бы синхронизировать где-то единообразно высоту окна для превьюшек с окном картинки с названием! Или я не в ту степь думаю?

#50 Vaccina

Vaccina

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

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

Отправлено 22 Август 2014 - 03:23

на данный момент они у вас выровнены и хорошо переносят адаптивность, вопрос еще актуален?

#51 koloskov

koloskov

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

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

Отправлено 22 Август 2014 - 09:58

Просмотр сообщенияVaccina (22 Август 2014 - 03:23) писал:

на данный момент они у вас выровнены и хорошо переносят адаптивность, вопрос еще актуален?

Добрый день.
  • Да все как прежде.
Я работаю на мониторе 27" и выравнивал в мазиле, а тут смотрел статистику и обратил внимание, что посетителей в хроме серьезно больше..., сам зашел на сайт в хроме и обратил внимание, что таблица с превьюшками выше чем картинка. Если их размеры трудно связать одной логикой, то в принципе можно оставить как есть, все же не у всех такие большие мониторы.

2. Мне бы еще хотелось, чтобы предпросмотр не отображался на мобильных телефонах..., иметь этот предпросмотр именно в на моб. телефонах  мне кажется хуже, чем он если бы он на них не отображался.  Для этих целей, наверное можно в main.css  задать условие: если с привязкой width: 960? px – если меньше, то не отображать. Для планшетов наверное стоит оставить?

#52 Alekseys

Alekseys

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

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

Отправлено 22 Август 2014 - 13:23

Просмотр сообщенияkoloskov (22 Август 2014 - 09:58) писал:

Добрый день.
  • Да все как прежде.
Я работаю на мониторе 27" и выравнивал в мазиле, а тут смотрел статистику и обратил внимание, что посетителей в хроме серьезно больше..., сам зашел на сайт в хроме и обратил внимание, что таблица с превьюшками выше чем картинка. Если их размеры трудно связать одной логикой, то в принципе можно оставить как есть, все же не у всех такие большие мониторы.

2. Мне бы еще хотелось, чтобы предпросмотр не отображался на мобильных телефонах..., иметь этот предпросмотр именно в на моб. телефонах  мне кажется хуже, чем он если бы он на них не отображался.  Для этих целей, наверное можно в main.css  задать условие: если с привязкой width: 960? px – если меньше, то не отображать. Для планшетов наверное стоит оставить?
Здравствуйте. По поводу второго пункта - в main.css в блоках, начинающихся на
@media only screen and (
для нужных разрешений добавить
.preview.big.hidden-tablet.hidden-phone {
display: none !important;
}


#53 yuragravi

yuragravi

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

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

Отправлено 07 Октябрь 2014 - 19:17

здравствуйте! есть какие-то особенные инструкции по установке всплывающего фото в каталоге, но не во весь экран, а слегка подвижное больше похоже на анимационный эффект. Как на этом сайте http://santechbomba.ru

#54 yuragravi

yuragravi

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

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

Отправлено 08 Октябрь 2014 - 10:05

Просмотр сообщенияyuragravi (07 Октябрь 2014 - 19:17) писал:

здравствуйте! есть какие-то особенные инструкции по установке всплывающего фото в каталоге, но не во весь экран, а слегка подвижное больше похоже на анимационный эффект. Как на этом сайте http://santechbomba.ru

Уже разобрался, спасибо
Cybernetic за помощь




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

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