Автор Тема: Почему по разному отображается преста  (Прочитано 677 раз)

10 Май 2017, 09:37:29
  • Новичок
  • *
  • Сообщений: 33
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Привет, что получилось -значить изменил основная тема в преста 1.7.11 и в браузере Моззила все в порядке, но заметил что в IE изображение совсем не так въгледить. Въгледит както совсем не делал ничево. Кто-то может помочь исправить ето проблема?
10 Май 2017, 09:46:30
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 22125
  • Репутация: +25303/-1
  • Prestashop - просто и эффективно
    • Просмотр профиля
Верстку нужно изменить, добавить правила для IE.
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
10 Май 2017, 10:04:58
Ответ #2
  • Новичок
  • *
  • Сообщений: 33
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Верстку нужно изменить, добавить правила для IE.
Если удобно, можете подсказать где и как ето сделать? Буду очень благадарен...
10 Май 2017, 10:15:54
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 22125
  • Репутация: +25303/-1
  • Prestashop - просто и эффективно
    • Просмотр профиля
B yandex находите "CSS Hacks IE6,IE7,IE8,IE9,IE10".  Запускаете консоль вебмастера в браузере. Выделяете элемент, который неправильно отображается, добавляете правила css для IE. Название файла css покажет в консоле.
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
10 Май 2017, 15:46:21
Ответ #4
  • Новичок
  • *
  • Сообщений: 33
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
B yandex находите "CSS Hacks IE6,IE7,IE8,IE9,IE10".  Запускаете консоль вебмастера в браузере. Выделяете элемент, который неправильно отображается, добавляете правила css для IE. Название файла css покажет в консоле.
К сожелению, там стоит только один файл - theme.css. Если не ошибся конечно. Я сразу там меняю но для IE не получается. Можете подсказать кде искать?
10 Май 2017, 16:49:10
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
В этот файл и добавляй новые правила css. В нем ты ничего не найдешь. Так как для ie нет стилей и поэтому у тебя криво сайт показывает. Самому их создать нужно. На ie можно забить. Этот браузер ужк в прошлом.
10 Май 2017, 16:57:12
Ответ #6
  • Новичок
  • *
  • Сообщений: 33
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В этот файл и добавляй новые правила css. В нем ты ничего не найдешь. Так как для ie нет стилей и поэтому у тебя криво сайт показывает. Самому их создать нужно. На ie можно забить. Этот браузер ужк в прошлом.
Большое спосибо. Еще один вопрос - сам файл theme.css сжатий. Есть какая то програма чтоб смотрет и редактировать можно по "человечески"(css-minifier-unminifier)?
10 Май 2017, 17:00:12
Ответ #7
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
В редакторе можешь разжать  :) Поставть sublime text и работай в нем.
10 Май 2017, 17:53:47
Ответ #8
  • Новичок
  • *
  • Сообщений: 33
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В редакторе можешь разжать  :) Поставть sublime text и работай в нем.
Извините ето не понял. В каком редакторе?
11 Май 2017, 10:44:07
Ответ #9
  • Ветеран
  • *****
  • Сообщений: 22125
  • Репутация: +25303/-1
  • Prestashop - просто и эффективно
    • Просмотр профиля
Sublime Text 3 – это текстовый редактор для написания кодов, скриптов различными языками.
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
11 Май 2017, 12:24:50
Ответ #10
  • Ветеран
  • *****
  • Сообщений: 16670
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
В отладчике хрома смотрите такой файл и он будет в нормальном виде.
12 Май 2017, 10:29:44
Ответ #11
  • Новичок
  • *
  • Сообщений: 33
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Sublime Text 3 – это текстовый редактор для написания кодов, скриптов различными языками.
Спосибо, поставил, но опять сжатий. Как с етом справится подскажите?
12 Май 2017, 10:38:06
Ответ #12
  • Ветеран
  • *****
  • Сообщений: 22125
  • Репутация: +25303/-1
  • Prestashop - просто и эффективно
    • Просмотр профиля
Есть много сайта по настройке Sublime Text 3. Поищите в yandex, как настроить  Sublime Text 3 для верстки. Тема очень обширная и тут ее не раскроешь.
Для работы с минифицированными файлами CSS, HTML, JavaScript, JSON и SVG требуются node.js библиотеки, их устанавливают отдельно.
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
14 Май 2017, 18:30:54
Ответ #13
  • Новичок
  • *
  • Сообщений: 33
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Есть много сайта по настройке Sublime Text 3. Поищите в yandex, как настроить  Sublime Text 3 для верстки. Тема очень обширная и тут ее не раскроешь.
Для работы с минифицированными файлами CSS, HTML, JavaScript, JSON и SVG требуются node.js библиотеки, их устанавливают отдельно.
БОЛЬШОЕ СПОСИБО!!! Немножко затруднился, но уже все в порядке.  Остался еще один вопрос - а как собствено преста определяет тип браузера - где ето делается. Как понял, в theme.css находится все(ну почти) что определяет фон и все остальное в преста(как цвет, фон и т.д.). Сейчас смотрю етот файл и нужно опять внести изменения для каждово браузера. Можете сказать ето правильно?
14 Май 2017, 19:22:34
Ответ #14
  • Ветеран
  • *****
  • Сообщений: 1614
  • Репутация: +32/-1
  • Сообщество PrestaShop
    • Просмотр профиля
@supports (-webkit-appearance:none) { /* Нужные стили для Chrome 28+ */ }

_:-moz-tree-row(hover), .selector { /* Нужные стили для Firefox */ }

_:-ms-fullscreen, :root .selector { /* Нужные стили  для IE11+ */ }

_:-ms-lang(x), .selector { /* Нужные стили для IE10 */ }
или
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { }

_::selection, .selector { /* Нужные стили для IE9 */ }

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) { @media {  /* Нужные стили для Safari 6.1+ или Chrome iOS */}}