Под меньшее разрешение экранов подключить другой TPL

Тема в разделе "OpenCart", создана пользователем cotto51rus, 18 фев 2017.

  1. cotto51rus

    cotto51rus

    Регистрация:
    3 янв 2016
    Сообщения:
    232
    Симпатии:
    8
    opencart 1.5.6.4
    loress.ru/contact-us
    Возможно ли для экранов до 960px подключить один файл contact.tpl, а с разрешением более 960px другой?
    А то я настроила страницу как мне нужно, но только под мониторы от 960 пикселей, а с меньшим разрешением все съезжает, текст друг на друга залезает, да и к тому же еще долго грузит из-за скрипта карт яндекс
    Подскажите, пожалуйста, как это можно реализовать?
     
  2. shede

    shede

    Регистрация:
    11 авг 2016
    Сообщения:
    84
    Симпатии:
    46
    Добавьте в стили правило для разрешений меньше 960пикс, например:

    @media (max-width:960px) {
    .block2 {
    width: 100% !important;
    }
    .block1 {
    margin-bottom: -50px;
    }
    .block4 {
    margin-left: 37px;
    width: 100% !important;
    }
    .block3 {
    margin-bottom: -50px;
    }
    .faq {
    left: 50%;
    margin-left: -180px !important;
    }
    }
    --- Добавлено, 18 фев 2017 ---
    Другой файл подключать ГОРАЗДО сложнее, чем выровнять все стилями.
    Я бы посоветовал Вам не использовать определение стилей в тегах (например <div style="margin:auto;"></div> итд), а задавать определение стилей классами и все селекторы писать в отдельном css файле.
     
    cotto51rus нравится это.