Opencart 1.5 Картинка Корзины

Тема в разделе "Шаблоны, дизайн и оформление магазина", создана пользователем admin, 8 июл 2016.

  1. TopicStarter Overlay
    Offline

    admin Команда форума Администратор

    Сообщения:
    2.321
    Симпатии:
    76.133
    Репутация:
    170
    Сегодня я решил написать урок с незначительным изменением OpenCart’а. Садитесь поудобнее пододвигайте к себе поближе клавиатуру с мышкой и начнём.

    1.png

    1. Откроем папку image (../catalog/view/theme/default/image) и закинем в неё такую картинку:

    basket.png

    (или любую другую)

    2. Откроем файл cart.tpl (../catalog/view/theme/default/template/module) и после этого (1):

    Код:
    <div id="cart">
    вставим это:

    Код:
    <div class="basket"><img src="catalog/view/theme/default/image/basket.png" ?></div>
    3. Откроем stylesheet.css (../catalog/view/theme/default/stylesheet) и после этого (137-143):

    Код:
    #header #cart {
    position: absolute;
    top: 0px;
    right: 145px;
    z-index: 9;
    min-width: 300px;
    }
    
    вставим это:
    
    #header #cart .basket {
    display: inline-block;
    float: left;
    padding-top: 5px;
    }
    Как видим наша картинка корзины перекрывает выбор валют, значит нам нужно чуть-чуть передвинуть выбор валют влево, изменим это (116-123):

    Код:
    #currency {
    width: 75px;
    position: absolute;
    top: 15px;
    left: 425px;
    color: #999;
    line-height: 17px;
    }
    на это:

    Код:
    #currency {
    width: 75px;
    position: absolute;
    top: 15px;
    left: 360px;
    color: #999;
    line-height: 17px;
    }
    При необходимости сдвинуть немного выбор языка изменим это (104-111):

    Код:
    #language {
    position: absolute;
    top: 15px;
    left: 320px;
    width: 80px;
    color: #999;
    line-height: 17px;
    }
    на это:

    Код:
    #language {
    position: absolute;
    top: 15px;
    left: 300px;
    width: 80px;
    color: #999;
    line-height: 17px;
    }
    Результат:

    2.png

    На сегодня всё, следите за нашими новостями. [​IMG]