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

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

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

Снимок.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 

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

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


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

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

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

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

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

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

Войти

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

Войти

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

    • От Savchin
      Всем доброго времени суток. Имеется проблема с магазином. Заранее извиняюсь, но это первый опыт.
      Интернет-магазин http://www.coffeeshops.com.ua
      Проблема № 1: Часто при первом заходе на сайт, не загружаются иконки на кнопках и тд. Вместо иконок просто квадратики, как только перейти на любую страницу внутри сайта, сразу все нормализуется.
      Проблема №2: Если находится в категории, не добавляется товар в корзину. Нажимаешь на кнопку но ничего не происходит. 
      Проблема№3: Поиск по сайту работает только со странице в поиске. если вводить в поисковую строку и нажать на лупу, вы просто попадете на страницу поиска, где сноа уже надо ввести запрос.
       
      Большое спасибо всем, кто откликнулся
    • От StepanG
      500 RUB
      View File


      Виджет Multi Connect

       
      Виджет Multi Connect поможет вашим клиентам быстро и легко связаться с вами через разные мессенджеры и каналы, такие как WhatsApp, Messenger, Skype, Viber, Telegram, Line, VK, Email и телефонный звонок.
       
      Особенности:
      Простая установка
      Без перезаписи файлов
      Совместимость со всеми темами
      Адаптировано к мобильным устройствам
      Выбор позиции виджета на сайте
      Изменение цвета основной кнопки
      Включение или отключение кнопок, которые вам нужны
      Бесплатная установка и поддержка
       
      Локализации: английский, русский, украинский
       
      Дэмо:
      http://opencart3.coreit.com.ua
      http://opencart3.coreit.com.ua/admin/
      user/pass: demo
       
      Установка:
      1. Перейдите в раздел установки расширений
      2. Установите ocmod расширение
      3. Перейдите на страницу списка модулей и нажмите "Активировать" 
      4. Теперь можно перейти к настройке модуля
       
      Удаление (со всеми файлами модуля):
      1. Перейдите в раздел установки расширений и удалите Виджет Multi Connect
      2. Удалите модуль из раздела "Дополнения" > "Модули"
      3. Скопируйте файл uninstall.php в корень сайта
      4. Запустите файл из адресной строки. Например, http://адрес-сайта/uninstall.php
      5. Удалите файл uninstall.php
       
      Помощь / Контакты:
      Для любых дополнительных запросов относительно покупки, настройки, локализации и т. д.:
      Электронная почта: core1@coreit.com.ua
      Submitter StepanG Submitted 09/10/2018 Category Модули Системные требования Сайт разработчика https://coreit.com.ua Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop  
    • От StepanG
      Виджет Multi Connect поможет вашим клиентам быстро и легко связаться с вами через разные мессенджеры и каналы, такие как WhatsApp, Messenger, Skype, Viber, Telegram, Line, VK, Email и телефонный звонок.
       
      Особенности:
      Простая установка
      Без перезаписи файлов
      Совместимость со всеми темами
      Адаптировано к мобильным устройствам
      Выбор позиции виджета на сайте
      Изменение цвета основной кнопки
      Включение или отключение кнопок, которые вам нужны
      Бесплатная установка и поддержка
       
      Локализации: английский, русский, украинский
       
      Дэмо:
      http://opencart3.coreit.com.ua
      http://opencart3.coreit.com.ua/admin/
      user/pass: demo
       
      Установка:
      1. Перейдите в раздел установки расширений
      2. Установите ocmod расширение
      3. Перейдите на страницу списка модулей и нажмите "Активировать" 
      4. Теперь можно перейти к настройке модуля
       
      Удаление (со всеми файлами модуля):
      1. Перейдите в раздел установки расширений и удалите Виджет Multi Connect
      2. Удалите модуль из раздела "Дополнения" > "Модули"
      3. Скопируйте файл uninstall.php в корень сайта
      4. Запустите файл из адресной строки. Например, http://адрес-сайта/uninstall.php
      5. Удалите файл uninstall.php
       
      Помощь / Контакты:
      Для любых дополнительных запросов относительно покупки, настройки, локализации и т. д.:
      Электронная почта: core1@coreit.com.ua
    • От nikitaxzx
      http://cg09891-opencart-18.tw1.ru/index.php?route=product/category&path=59
      ребят вот сайт очень маленькая кнопка корзинки купить подскажите как правильно поменять изображение 

      картинку прикрепил, как примерно надо 

    • От LionHunter
      Привет
      Подскажите, пожалуйста, что за эффект на зеленых кнопках при наведении мышкой на этом сайте - https://kiddisvit.ua/ ? Как реализовано? 
       

  • Последние посетители   0 пользователей онлайн

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

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.