Развернуть мини корзину

Тема в разделе "OpenCart", создана пользователем Naty001, 1 июл 2014.

  1. Naty001

    Naty001

    Регистрация:
    4 сен 2013
    Сообщения:
    32
    Симпатии:
    1
    Добрый день!
    На всех сайтах у меня нормально, а на этот как-то криво встало, выпадающая корзина в другую сторону... Надо, чтобы выпала влево и не выходила за рамки сайта.
    Скриншот под спойлером
     
  2. NinoZombie

    NinoZombie

    Регистрация:
    27 окт 2013
    Сообщения:
    223
    Симпатии:
    61
    Правьте стили. Больше ничего из исходной информации сказать и нельзя.
    Если отправите ссылку на сайт или выложите код страницы и .css, то сообщу конкретно что менять.
     
  3. Naty001

    Naty001

    Регистрация:
    4 сен 2013
    Сообщения:
    32
    Симпатии:
    1
    сайт тут
    css под спойлером
     
  4. NinoZombie

    NinoZombie

    Регистрация:
    27 окт 2013
    Сообщения:
    223
    Симпатии:
    61
    Код:
    #header #cart .content {
    clear: both;
    display: none;
    position: relative;
    top: -1px;
    padding: 8px;
    min-height: 150px;
    border-top: 1px solid #ff99d6; /* EEEEEE */
    border-left: 1px solid #ff99d6; /* EEEEEE */
    border-right: 1px solid #ff99d6; /* EEEEEE */
    border-bottom: 1px solid #ff99d6; /* EEEEEE */
    -webkit-border-radius: 7px 0px 7px 7px;
    -moz-border-radius: 7px 0px 7px 7px;
    -khtml-border-radius: 0px 7px 7px 7px;
    border-radius: 7px 0px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0px 2px 2px #DDDDDD;
    background: #FFF;
    }
    Замените на
    Код:
    #header #cart .content {
    clear: both;
    display: none;
    position: relative;
    top: -1px;
    right: 172px;
    padding: 8px;
    min-height: 150px;
    border-top: 1px solid #ff99d6; /* EEEEEE */
    border-left: 1px solid #ff99d6; /* EEEEEE */
    border-right: 1px solid #ff99d6; /* EEEEEE */
    border-bottom: 1px solid #ff99d6; /* EEEEEE */
    -webkit-border-radius: 0px 7px 7px 7px;
    -moz-border-radius: 0px 7px 7px 7px;
    -khtml-border-radius: 0px 7px 7px 7px;
    border-radius: 0px 7px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0px 2px 2px #DDDDDD;
    background: #FFF;
    }
     
    Последнее редактирование: 2 июл 2014
  5. Naty001

    Naty001

    Регистрация:
    4 сен 2013
    Сообщения:
    32
    Симпатии:
    1
    эффекта нет( точнее, есть, но толку нет(
     
  6. NinoZombie

    NinoZombie

    Регистрация:
    27 окт 2013
    Сообщения:
    223
    Симпатии:
    61
    Странно... Можете скриншот отправить? Может быть Вы кэш не очистили или .css файл на сервере не изменили?
    Опишите поподробнее что произошло у Вас после изменения
     
  7. Дмитрий Днепр

    Дмитрий Днепр

    Регистрация:
    2 июн 2014
    Сообщения:
    68
    Симпатии:
    12
    http://babyland-nsk.ru/catalog/view/theme/simplycute/stylesheet/stylesheet.css (строка 156)

    Замените

    #header #cart {
    min-width: 300px;
    position: absolute;
    right: -160px;
    top: 33px;
    z-index: 9;
    }

    на

    #header #cart {
    min-width: 300px;
    position: fixed;
    right: 0;
    top: 33px;
    z-index: 9;
    }

    Немного изменится положение корзины но за пределы выпадать не будет.
     
  8. Naty001

    Naty001

    Регистрация:
    4 сен 2013
    Сообщения:
    32
    Симпатии:
    1
    От этого я как раз ушла, мне нужно положение корзины именно справа с краю, но и разворот влево выпадающего вкладыша...
    --- Добавлено, 2 июл 2014 ---
    Кэш и куки очищены, папка кэш на сервере очищена, открыт новый браузер на всякий случай, по Вашим изменениям-разворачивающаяся корзина сместилась чуток вправо, я со значениями поиграла, нужный эффект не получила. При этом-стала "дрыгаться", то есть нажимаю на корзину, выпадает, потом моргнет, потом этот маленький сдвиг...
     
  9. Дмитрий Днепр

    Дмитрий Днепр

    Регистрация:
    2 июн 2014
    Сообщения:
    68
    Симпатии:
    12
    плюс к тому что я писал выше нужно сделать
    http://babyland-nsk.ru/catalog/view/theme/simplycute/stylesheet/stylesheet.css (строка 163)

    Поменяйте

    #header #cart .heading {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ff99d6;
    border-top: 1px solid #ffffff;
    float: right;
    margin-right: 172px;
    margin-top: 15px;
    padding-left: 14px;
    padding-right: 14px;
    z-index: 1;
    }

    на

    #header #cart .heading {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ff99d6;
    border-top: 1px solid #ffffff;
    float: right;
    margin-right: 10px;
    margin-top: 15px;
    padding-left: 14px;
    padding-right: 14px;
    z-index: 1;
    }

    вроде должно получится. Или как вам понравится подредактируйте значение выделенной строки.
     
  10. NinoZombie

    NinoZombie

    Регистрация:
    27 окт 2013
    Сообщения:
    223
    Симпатии:
    61
    Ладно, пойдем другим путем.
    Замените содержание файла catalog/view/theme/simplycute/stylesheet/stylesheet.css на такое


    100% должно заработать :smile: Если у Вас, конечно, что-нибудь поновее IE6 стоит. Желательно вообще не IE