Проблема Помогите выравнить кнопку добавить в корзину в Virtuemart 3

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем dimka92, 15.04.2016.

  1. Offline

    dimka92 Недавно здесь

    Регистрация:
    15.04.2016
    Сообщения:
    14
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте.
    Помогите пожалуйста решить проблему. Я совсем не опытен в создании сайта и у меня не получается сделать так, чтобы кнопки добавить в корзину были на одном уровне. Получается чем длинее название товара тем ниже она опускается и получается не красиво.

    И еще надпись на главной странице "наше меню" могу поменять размер и цвет, но не получается сделать по центру.

    Joomla 3.5.1
    Virtuemart 3
    Сайт sushi-bar.com.ua

    Заранее спасибо за помощь.
     
  2.  
  3. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 054
    Симпатии:
    520
    Пол:
    Мужской
  4. Offline

    dimka92 Недавно здесь

    Регистрация:
    15.04.2016
    Сообщения:
    14
    Симпатии:
    0
    Пол:
    Мужской
    если можно поподробнее, буду очень благодарен
     
  5. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 464
    Симпатии:
    305
    Пол:
    Мужской
  6. Offline

    dimka92 Недавно здесь

    Регистрация:
    15.04.2016
    Сообщения:
    14
    Симпатии:
    0
    Пол:
    Мужской
    поменял, но оно не выравнивается, а просто все криво опускаются.
     
  7. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 464
    Симпатии:
    305
    Пол:
    Мужской
    Если все карточки должны быть ровень - Вам надо ко всем величинам задавать высоту:
    0_a416b_5db8a4f3_orig.png
     
  8. Offline

    dimka92 Недавно здесь

    Регистрация:
    15.04.2016
    Сообщения:
    14
    Симпатии:
    0
    Пол:
    Мужской
    оно все равно вместе опускается и поднимается. Подскажите может можно как-то сделать так чтобы кнопка опускалась относительно картинки, а не относительно названии товара, чтобы длина названия не влияла на отступ
     
  9. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 464
    Симпатии:
    305
    Пол:
    Мужской
  10. Offline

    dimka92 Недавно здесь

    Регистрация:
    15.04.2016
    Сообщения:
    14
    Симпатии:
    0
    Пол:
    Мужской
    извините за наглость, но куда это надо вставлять?
     
  11. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 464
    Симпатии:
    305
    Пол:
    Мужской
    в css .

    Но это не готовое решение - надо потом отступы вычислять и т.д.
     
  12. Offline

    dimka92 Недавно здесь

    Регистрация:
    15.04.2016
    Сообщения:
    14
    Симпатии:
    0
    Пол:
    Мужской
    Я повставлял этот код но оно все равно по названию выравнивает.

    я прикрепил файл, может сможете мне помочь, если Вас не затруднит.
     

    Вложения:

    • vm-ltr-site.zip
      Размер файла:
      5.5 КБ
      Просмотров:
      0
  13. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Всем привет.

    @dimka92, если у тебя в строке всегда одинаковое кол-во товаров - лучше всего решить вопрос с высотой блоков с помощью JavaScript:
    Код (javascript):
    1. function equalCols(rowsGroup) {
    2.    rowsGroup.each(function() {
    3.      var currItem   = $(this).find('.product');
    4.      var tallestItem   = 0;
    5.      currItem.each(function() {
    6.        var thisHeight = $(this).height();
    7.        if(thisHeight > tallest) {
    8.     tallest = thisHeight;
    9.     }
    10.     currItem.height(tallest);
    11.      });
    12.    });
    13. }

    где group - набор объектов (блоки с товарами в строке).

    Вызываем функцию при загрузке страницы и при изменении пользователем размеров окна браузера.:
    Код (javascript):
    1. $(document).ready(function() {
    2.    var productRows = $('.browse-view > .row');
    3.    equalCols(rowsGroup);
    4. });
    5.  
    6. $(window).resize(function() {
    7.    var productRows = $('.browse-view > .row');
    8.    equalCols(rowsGroup);
    9. });


    Принцип такой: при загрузке страницы считается высота всех блоков в строке, затем всем блокам устанавливается наибольшее значение высоты.
    При этом для кнопки "Добавить в корзину" устанавливаем:
    Код (css):
    1. {
    2.     ...
    3.     position: absolute;
    4.     left: 0;
    5.     bottom: 10px;
    6.     height: 30px;
    7.     ...
    8. }

    Для блока, внутри которого лежит кнопка "Добавить в корзину" устанавливаем:
    Код (css):
    1. {
    2.     ...
    3.     position: relative;
    4.     padding-bottom: 50px; /* высота кнопки 30px + отступ 10px сверху и снизу */
    5.     ...
    6. }

    Я при решении такой проблемы, как правило, использую комбинированный вариант: устанавливаю фиксированную высоту блоков внутри блока с товаром (высота блока с заголовком, высота блока с картинкой) + использую функцию, указанную выше. Это позволяет привести страницу к максимально красивому виду.

    Файлы для редактирования (в твоём случае), в которые нужно вписать всё вышеперечисленное:
    • CSS: /templates/doshi8/css/template.css
    • JavaScript: /templates/doshi8/script.js
     
  14. Offline

    dimka92 Недавно здесь

    Регистрация:
    15.04.2016
    Сообщения:
    14
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо за ответ, я попытался сделать как Вы написали, но так как я слабо понимаю куда вставлять, у меня получалось все что угодно, но они все равно не выравнивались.
    --- добавлено: 18.04.2016, первое сообщение размещено: 18.04.2016 ---
    если Вас не затруднит, вставьте пожалуйста эти коды куда нужно. Вы бы меня выручили. я прикрепил файлы которые Вы указали.
     

    Вложения:

    • Desktop.zip
      Размер файла:
      15.9 КБ
      Просмотров:
      0
  15. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Это же не богодельня :)
    Наш форум направлен, в основном, на обучение молодых специалистов и поддержку пользователей.
    Если ты простой пользователь - тебя вообще не должны волновать коды вообще. Работай через админку и не заморачивайся над вёрсткой/программингом.
    Если начинающий специалист - нужно учиться делать самому! Инфы кругом куча, здесь мы можем сориентировать куда и как вносить изменения ;)
     

Поделиться этой страницей

Загрузка...