[Помогите] Размер поля "Текст" в Опциях товара

Тема в разделе "OpenCart", создана пользователем иван01, 14 фев 2013.

  1. иван01

    иван01

    Регистрация:
    20 ноя 2012
    Сообщения:
    3
    Симпатии:
    4
    Помогите изменить ширину поля Текст в Опциях Товара.
    Чтобы на странице Товара Текстовое поле Опции стало шире.
    Спасибо!
     
  2. beak

    beak

    Регистрация:
    22 янв 2013
    Сообщения:
    161
    Симпатии:
    43
    Все просто. Запускаешь FireFox с установленным FireBug https://getfirebug.com/ Заходишь на страницу на которой планируешь изменения. Курсор к проблемному месту, правой кнопкой на нем, и выбираешь "Исследовать элемент с помощью FireBug" В открывшемся окошке выбирай вкладку HTML, и в коде слева находишь тег интересующий тебя, а в правом соответствующие ему стили, с указанием файла и номера строки. После правишь файлик стилей, обновляешься, смотришь.
     
  3. иван01

    иван01

    Регистрация:
    20 ноя 2012
    Сообщения:
    3
    Симпатии:
    4
    Сделал как Вы предложили:

    nput[type='text'], input[type='password'], textarea {
    background: #F8F8F8;
    color: #005dad;
    border: 1px solid #d0e3ee;
    padding: 3px;
    margin-left: 0px;
    margin-right: 0px;

    Но в этом коде нет длины текстового поля....((
    --- добавлено: Feb 14, 2013 7:30 PM ---
    Все ок! Разобрался. добавил:
    width: 200px;
     
  4. иван01

    иван01

    Регистрация:
    20 ноя 2012
    Сообщения:
    3
    Симпатии:
    4
    Поспешил я с выводами...
    Ввод в код параметра width: 200px; увеличивает все поля, в т.ч. поле ввода к-ва товара, а мне нужны поля только те которые указал на картинке


    [​IMG]
     
  5. beak

    beak

    Регистрация:
    22 янв 2013
    Сообщения:
    161
    Симпатии:
    43
    Возможны 2 варианта действий.
    1. Найти (или вставить) контейнер в котором находятся эти поля. Например: <div class="option1"><input type="text" value=""></div>
    Если это так - то в css добавить
    .option1 input[type='text']{
    width: 200px;
    }
    Эта запись затронет только инпуты находящиеся в контейнере с классом "option1".

    2. В html-коде шаблона, который скорее всего находится в catalog/view/theme/Ваша тема/template/product/product.tpl найти место, где формируются каждый из инпутов которые нужно изменить. Добавить к каждому css-класс, например: <input type="text" value="" class="width200">. После в css-файле добавить:
    .width200{
    width: 200px;
    }
    Названия классов должны быть понятны.
     
    иван01 нравится это.