Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Recommended Posts

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

Снимок.PNG

Link to post
Share on other sites

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

#input-quantity { 
height: 34px;
}

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

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

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

 

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

  • +1 1
Link to post
Share on other sites

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

Link to post
Share on other sites

В 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пасибо большое, вариант подошел

Link to post
Share on other sites

В 16.12.2017 в 18:21, Kiyoshi сказал:

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

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

Link to post
Share on other sites

  • 2 years later...
В 16.12.2017 в 14:08, morrison4394 сказал:

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

Снимок.PNG

Добрый день. Как вы разместили их в одну строку рядом ?

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By StepanG
      Скачать/Купить дополнение Виджет Multi Connect

       
      Виджет Multi Connect поможет вашим клиентам быстро и легко связаться с вами через разные мессенджеры и каналы, такие как Instagram, WhatsApp, Messenger, Skype, Viber, Telegram, Line, VK, Email и телефонный звонок.
      Возможно добавление кнопки чата любого сервиса.
       
      Особенности:
      Простая установка
      Без перезаписи файлов
      Совместимость со всеми темами
      Адаптировано к мобильным устройствам
      Выбор позиции виджета на сайте
      Изменение цвета основной кнопки
      Включение или отключение кнопок, которые вам нужны
      Бесплатная установка и поддержка
       
      Локализации: английский, русский, украинский
       
      Дэмо:
      http://opencart3.coreit.com.ua
      http://opencart3.coreit.com.ua/admin/
      user/pass: demo
       
      История изменений:
      1.1.0 - Добавлена кнопка Instagram
       
      Установка:
      1. Перейдите в раздел установки расширений
      2. Установите ocmod расширение
      3. Перейдите на страницу списка модулей и нажмите "Активировать" 
      4. Теперь можно перейти к настройке модуля
       
      Установка для 1.5:
      1. Разархивируйте файл
      2. Скопируйте содержание папки upload в каталог с установленной OpenCart
      3. Перейдите на страницу списка модулей и нажмите "Установить" 
      4. Теперь можно перейти к настройке модуля
       
      Удаление (со всеми файлами модуля):
      1. Перейдите в раздел установки расширений и удалите Виджет Multi Connect
      2. Удалите модуль из раздела "Дополнения" > "Модули"
      3. Скопируйте файл uninstall.php в корень сайта
      4. Запустите файл из адресной строки. Например, http://адрес-сайта/uninstall.php
      5. Удалите файл uninstall.php
       
      Помощь / Контакты:
      Для любых дополнительных запросов относительно покупки, настройки, локализации и т. д.:
      Электронная почта: core1@coreit.com.ua
      Добавил StepanG Добавлено 10.09.2018 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Нет  
    • By nashivan
      Есть размерная сетка на opencart 2.3, ее нужно повторить но уже на opencart 3:
      на двойке она сделана на чистом php в tpl файле (product.tpl), но opencart 3 поддерживает только twig формат, поэтому скопировать просто php код на тройку не получится (product.twig)
       
       
      Вот код на opencart 2.3:
      <table> <?php $s1 = array(); $s2 = array(); $arr = array(); foreach ($option['product_option_value'] as $option_value) { list($a, $b) = explode("x", $option_value['name']); $s1[] = intval($a); $s2[] = intval($b); $arr[intval($a)][] = array(intval($b), $option_value['product_option_value_id']); } $id = $option['product_option_id']; $s1 = array_unique($s1); rsort($s1); $s2 = array_unique($s2); sort($s2); foreach ($s1 as &$value) { echo "<tr>"; echo "<td>".$value."</td>"; foreach ($s2 as &$value2) { echo "<td>"; $p = false; foreach ($arr[$value] as &$value3) { if($value3[0] == $value2){ $p = true; $val = $value3[1]; } } if ($p) { echo "<label><input type='radio' name='option[".$id."][]' value='".$val."' required /><span class='stock' val='".$val."' name ='".$value."x".$value2."' vid='".$id."'></span></label>"; } else{ echo "<span class='out-stock'></span>"; } echo "</td>"; } echo "</tr>"; } echo "<tr><td></td>"; foreach ($s2 as &$value) { echo "<td>".$value."</td>"; } echo "</tr>"; ?> </table> В админке опции прописаны вот так: 170x52, 170x54, 170x60, 176x52, 176x54, 176x60, 182x52, 182x54, 182x60 (пример)
       
       
      Пытался воспользоваться онлайн сервисом http://phptotwig.com/ , но выдает ошибку на строке с explode
      Пытался адаптировать сам этот код под твиг, но опыта в этом мало, вот что получилось:
      <table> <tbody> {% for option_value in option.product_option_value %} <tr> <td>{{ option_value.name | split('x', 2)[0] }}</td> <td><label><input type="radio" name="option[{{ option.product_option_id }}][]" value="{{ option_value.product_option_value_id }}" required=""><span class="stock" val="{{ option_value.product_option_value_id }}" name="{{ option_value.name }}" vid="402"></span></label></td> </tr> {% endfor %} <tr> <td></td> {% for option_value in option.product_option_value %} <td>{{ option_value.name | split('x', 2)[1] }}</td> {% endfor %} </tr> </tbody> </table>  
       
      Может есть модуль для такой сетки? Или лучше уже допилить код? Подскажите, пожалуйста, в какую сторону нужно копать.
       
    • By pikitos
      .
      + Добавлена ссылка Сравнения товаров в шапку на подобии Закладок.
      + Добавление в закладки доступно для не зарегистрированных пользователей.
      + Добавление и удаление из закладок и в сравнения по клику на чекбокс.
      + Теперь сравниваются товары из своей категории, как и должно быть.
      + Показывать только отличия в сравнении
      + Настройки модуля в админке


    • By pikitos
      750
      Скачать/Купить дополнение


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


      Добавил pikitos Добавлено 14.09.2014 Категория Сравнения, закладки Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop OcShop 1.5.6.4.х Обращение к серверу разработчика Нет Старая цена 0  
    • By StepanG
      Виджет Multi Connect поможет вашим клиентам быстро и легко связаться с вами через разные мессенджеры и каналы, такие как Instagram, WhatsApp, Messenger, Skype, Viber, Telegram, Line, VK, Email и телефонный звонок.
      Возможно добавление кнопки чата любого сервиса.
       
      Особенности:
      Простая установка
      Без перезаписи файлов
      Совместимость со всеми темами
      Адаптировано к мобильным устройствам
      Выбор позиции виджета на сайте
      Изменение цвета основной кнопки
      Включение или отключение кнопок, которые вам нужны
      Бесплатная установка и поддержка
       
      Локализации: английский, русский, украинский
       
      Дэмо:
      http://opencart3.coreit.com.ua
      http://opencart3.coreit.com.ua/admin/
      user/pass: demo
       
      История изменений:
      1.1.0 - Добавлена кнопка Instagram
       
      Установка:
      1. Перейдите в раздел установки расширений
      2. Установите ocmod расширение
      3. Перейдите на страницу списка модулей и нажмите "Активировать" 
      4. Теперь можно перейти к настройке модуля
       
      Установка для 1.5:
      1. Разархивируйте файл
      2. Скопируйте содержание папки upload в каталог с установленной OpenCart
      3. Перейдите на страницу списка модулей и нажмите "Установить" 
      4. Теперь можно перейти к настройке модуля
       
      Удаление (со всеми файлами модуля):
      1. Перейдите в раздел установки расширений и удалите Виджет Multi Connect
      2. Удалите модуль из раздела "Дополнения" > "Модули"
      3. Скопируйте файл uninstall.php в корень сайта
      4. Запустите файл из адресной строки. Например, http://адрес-сайта/uninstall.php
      5. Удалите файл uninstall.php
       
      Помощь / Контакты:
      Для любых дополнительных запросов относительно покупки, настройки, локализации и т. д.:
      Электронная почта: core1@coreit.com.ua
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.