Перейти к содержанию

Рекомендуемые сообщения

Добрый день! Подскажите пожалуйста, как изменить размер кнопок количество и купить (сделать меньше, равным закладкам и в избранное), или же наоборот увеличить кнопки закладки/избранное. Хочу попробовать оба варианта посмотреть, как будет лучше. 

Снимок.PNG

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для изменения высоты поля ввода количества, в файле stylesheet.css добавьте класс и стилизируйте как вам нужно.

#input-quantity { 
height: 34px;
}

Для кнопки купить:

#button-cart { 
padding: 5px 16px;
}

Вобщем при помощи height и padding регулируете высоту и внутр. отступы для поля и кнопки.

 

Что бы увеличить "в закладки" "в сравнение" - нужно скорее всего добавлять отдельный класс в файле product.tpl для этих кнопок и потом стилями подогнать, или же классу .btn изменить padding в том же файле stylesheet.css (но в таком случаи в верстке это может подействовать и на другие елементы, так как стили прописаны общие). 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Как еще вариант можно сменить класс input-lg на  input-md, input-sm также и с кнопкой с btn-lg на btn-md 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 16.12.2017 в 16:33, greendragon сказал:

Для изменения высоты поля ввода количества, в файле stylesheet.css добавьте класс и стилизируйте как вам нужно.

#input-quantity { 
height: 34px;
}

Для кнопки купить:

#button-cart { 
padding: 5px 16px;
}

Вобщем при помощи height и padding регулируете высоту и внутр. отступы для поля и кнопки.

 

Что бы увеличить "в закладки" "в сравнение" - нужно скорее всего добавлять отдельный класс в файле product.tpl для этих кнопок и потом стилями подогнать, или же классу .btn изменить padding в том же файле stylesheet.css (но в таком случаи в верстке это может подействовать и на другие елементы, так как стили прописаны общие). 

Cпасибо большое, вариант подошел

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 16.12.2017 в 18:21, Kiyoshi сказал:

Как еще вариант можно сменить класс input-lg на  input-md, input-sm также и с кнопкой с btn-lg на btn-md 

Спасибо, тоже поэкспериментирую)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От pikitos
      400.00 руб
      Скачать/Купить дополнение


      Модуль Сравнения товаров ( + Закладки ) NEW
      .
      + Добавлена ссылка Сравнения товаров в шапку на подобии Закладок.
      + Добавление в закладки доступно для не зарегистрированных пользователей.
      + Добавление и удаление из закладок и в сравнения по клику на чекбокс.
      + Теперь сравниваются товары из своей категории, как и должно быть.
      + Показывать только отличия в сравнении
      + Настройки модуля в админке


      ДЕМО РАБОТЫ МОДУЛЯ
      .
      Добавил pikitos Добавлено 15.09.2014 Категория Сравнения, закладки Системные требования Сайт разработчика Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От pikitos
      .
      + Добавлена ссылка Сравнения товаров в шапку на подобии Закладок.
      + Добавление в закладки доступно для не зарегистрированных пользователей.
      + Добавление и удаление из закладок и в сравнения по клику на чекбокс.
      + Теперь сравниваются товары из своей категории, как и должно быть.
      + Показывать только отличия в сравнении
      + Настройки модуля в админке


      ДЕМО РАБОТЫ МОДУЛЯ
      .
    • От satelit1
      475.00 руб · Срок продления: 100.00 руб за год
      Скачать/Купить дополнение


      Пакет опций
      Модуль создаёт отдельный вид опций .
      Это будет полезно если у вас в магазине есть товары у которых несколько вариантов, например одежда разных размеров.
      Покупатель может сразу указать сколько единиц разного размера ему необходимо, не делая заказ отдельно на каждый размер .
      Каждый вариант будет учитываться как отдельный товар , что очень удобно при обработке заказа.
      Вы можете выбирать что именно показывать : изображение , количество , дополнительную кнопку купить .
      На каких страницах показывать : категории, акции, результаты поиска.
      Модуль работает на Опенкарт с версии 1.5.3 по 1.5.6.4
      Более подробно можно посмотреть на демо сайте .
      http://oppak.8nio.com/index.php?route=product/product&path=20&product_id=50
      Админка
      http://oppak.8nio.com/admin/
      Логин: demo
      Пароль: demo
      Добавил satelit1 Добавлено 14.05.2014 Категория Опции  
    • От sergiussv
      Скачать/Купить дополнение


      Автоматическое добавление размеров и веса товара в характеристики товара
      Описание
      Проверено на ocStore 1.5.3.1 - 1.5.5.1
      Автоматически добавляет вес и размеры товара в характеристики (атрибуты) товара.
      auto_ws_attribute_sv - добавляет размеры если у товара есть атрибуты если их нет, то добавление размеров и веса не происходит
      auto_ws_attribute_sv_all - добаляет размеры и вес в любом случае даже если у товара нет атрибутов.
      Внимание!!! Вместе дополнения не использовать.
      На создание этого дополнения навела лень, устал добавлять в характеристики товара вес и размеры, когда в описании товара уже есть эти данные.
      Проблема заключалась в том, как сделать, что бы дополнение работало и со старыми товарами у которых эти атрибуты уже добавлены.
      Решение нашлось, если в языковом файле "catalog/language/[ваш язык]/product/product.php" у переменной $_['group_name_ws'] сделать название, как у группы атрибутов, которые отвечают за размеры, то повторного добавления не происходит, таким образом новые товары уже можно добавлять без этих атрибутов и не нужно исправлять старые товары удаляя атрибуты, как-то так ))))
      В файл шаблона товара не вносятся изменения, будет работать с любой темой, которая выводит атрибуты (характеристики) товара.
      В фале xml содержаться изменения для языковых файлов для русского и английского языков (не нужное удалить или добавить свой язык).
      Установка
      1. Требуется vQmod
      2. Скопировать содержимое из папки upload
      Изменение форматирования вывода размеров и веса
      Сейчас в формировании вывода размеров и веса установлено, что вес вещественное число, а размеры целое. Для изменения форматирования вывода нужно изменить вот эти строчки:
      $_['attribute_size_value'] = '%d x %d x %d %s'; - эта строка формат вывода размера
      $_['attribute_weight_value']= '%01.2f %s'; - эта строка формат вывода веса
      %d - выводит целое число
      %f - выводит вещественное число, для примера:
      %01.1f - выведет 0.5
      %01.2f - выведет 0.51
      Добавил sergiussv Добавлено 03.02.2014 Категория Прочее  
    • От riny
      Скачать/Купить дополнение


      Замена кнопки "купить" на реф. ссылку
      Если вам надо чтобы при нажатии на "купить" происходил переход по реферальной ссылке, то это дополнение для вас. Ссылка хранится в поле товара "Расположение/location".
      Мод заменяет кнопку "купить" в товаре, похожих товарах, категориях, акциях, брендах, сравнении, закладках и модулях последние, рекомендуемые, хиты продаж, акции.
      Установка:
      - скопировать содержимое папки upload в корневой каталог вашего сайта (стандартные файлы не заменяются)
      - если нужно открывать ссылки в новом окне используйте версию модуля из папки "upload [new_window_version]"
      - увеличить в phpMyAdmin размер поля location таблицы product, в котором будут храниться реф. ссылки, пример на скриншоте [pma.jpg]
      Тестировалось на ocStore 1.5.5.1.1, opencart 1.5.5.1
      Добавил riny Добавлено 04.09.2013 Категория Покупки, оформление заказа, корзина Системные требования Сайт разработчика Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×