Заменить кнопку купить на свою

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем YanDfour, 23 окт 2015.

  1. YanDfour

    YanDfour Новичок

    Сообщения:
    5
    Симпатии:
    0
    Нужно заменить изображение корзины на свою картинку. Не могу найти эту кнопку. Draw-Mr-Krabs-Colour-Step-10.jpg
     
  2. Vlad

    Vlad Эксперт

    Сообщения:
    3.902
    Симпатии:
    938
    Это не изображение корзины. Все сделано стилями.
    На что именно хотите поменять?
     
  3. YanDfour

    YanDfour Новичок

    Сообщения:
    5
    Симпатии:
    0
    Корзина нарисована, хочу туда картинку вставить)
     
  4. Vlad

    Vlad Эксперт

    Сообщения:
    3.902
    Симпатии:
    938
    ну это же css, проблема то в чем??
    Код:
    .product-thumb .button-group button:first-child {
        background: #f1f1f1 url("http://www.iconsearch.ru/uploads/icons/moonlight/128x128/recyclebin2.png") no-repeat scroll center center;
    }
     
  5. YanDfour

    YanDfour Новичок

    Сообщения:
    5
    Симпатии:
    0
    518.jpg
    Проблема в том, куда вписать код))) в какой файл и что заменить надо))) Менял размер ее, поменялись все иконки.
    stylesheet или в product.tpl искать?

    Вставил ваш код в stylesheet
     
    Последнее редактирование: 23 окт 2015
  6. Zhezkazganetcs

    Zhezkazganetcs Продвинутый пользователь

    Сообщения:
    819
    Симпатии:
    107
    YanDfour, дак нарисуйте что вы хотите и заскриньте
     
  7. YanDfour

    YanDfour Новичок

    Сообщения:
    5
    Симпатии:
    0
    Вот так вот)) в других версиях opencart можно было в папке images заменить, тут я не знаю как
     

    Вложения:

  8. Vlad

    Vlad Эксперт

    Сообщения:
    3.902
    Симпатии:
    938
    ну ё ма ё, не одними же подменой фалов жив шаблон?? Вроде все написал, код указал. Осталось только подставить свое изображение в код и все.
    Вставлять естественно в stylesheet.css

    А то что вы хотите, делается не картинкой, а стилями. Как булет время напишу стили.. если кто то раньше не сделает.
     
  9. Vlad

    Vlad Эксперт

    Сообщения:
    3.902
    Симпатии:
    938
    В файл стилей добавить
    Код:
    .product-thumb .button-group button:first-child span {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #c3d1d7 0%, #8abbd7 31%, #066dab 100%) repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    padding: 5px 38px;
    }
    .product-thumb .button-group button:first-child
    получится такое
    sfdsf.png
     
  10. partizanen

    partizanen Новичок

    Сообщения:
    26
    Симпатии:
    1
    А можно мои 5 копеек? Раз тема кнопки есть....
    Подскажите, где лежит обработчик этой кнопки?...

    Что нужно?
    Есть простая кнопка "купить" и если товар есть в наличии то все хорошо покупается и гуд. А вот если товара нет в наличии, то кнопка должна:
    А) Поменять надпись
    Б) Вызвать событие установленного типа

    Как?
     
  11. Bkmz

    Bkmz Продвинутый пользователь

    Сообщения:
    447
    Симпатии:
    109
    держите http://forum.opencart-russia.ru/threads/modul-zamena-knopki-kupit-esli-net-tovara.833/

    ПЫ.СЫ. Топикстартер, за крабсбургер разрисую красиво карточку товара ))))))!!!
     
  12. partizanen

    partizanen Новичок

    Сообщения:
    26
    Симпатии:
    1
    Во, жизнь налаживается.

    Второй вопрос: Как сделать так, что бы в модуле была кликабельная кнопка и вызывала событие вида <a href="блабла"> ... </a>
     
  13. Bkmz

    Bkmz Продвинутый пользователь

    Сообщения:
    447
    Симпатии:
    109
    что за событие? переход на нужную страницу? или всплывающее окошко с текстом?
    вот пример всплывающего окна, которое можно заполнить нужным контентом http://getbootstrap.com/javascript/#modals
     
  14. partizanen

    partizanen Новичок

    Сообщения:
    26
    Симпатии:
    1
    У меня стоит Journal 2, там есть втроенный popup, его можно вызвать по javascript. Вид: <a href="javascript:Journal.openPopup('250')"> ... </a>, но как его присобачить к кнопке непонятно.
     
  15. Bkmz

    Bkmz Продвинутый пользователь

    Сообщения:
    447
    Симпатии:
    109
    заглянуть в модификатор, который установили ;)

    когда количество товара - нуль - этот кусок кода делает кнопку купить неактивной

    PHP:
    <?php
    if ($prod_quant>0) echo "<button type='button' id='button-cart' data-loading-text='$text_loading' class='btn btn-primary btn-lg btn-block'>$button_cart</button>";
    else echo 
    "<button type='button' id='button-cart' data-loading-text='$text_loading' class='btn btn-primary btn-lg btn-block' disabled>$button_cart</button>";
    ?>
     
  16. partizanen

    partizanen Новичок

    Сообщения:
    26
    Симпатии:
    1
    Картинки ч/б стали, кнопки не поменялись. Видать у Journal кнопки задаются как то по другому... не так как в модификаторе
     
  17. Bkmz

    Bkmz Продвинутый пользователь

    Сообщения:
    447
    Симпатии:
    109
    следовательно нужно посмотреть как кнопчки устроены в Journal и подпилить код в модификаторе
     
  18. partizanen

    partizanen Новичок

    Сообщения:
    26
    Симпатии:
    1
    А где лежат кнопочки обычно?
     
  19. Bkmz

    Bkmz Продвинутый пользователь

    Сообщения:
    447
    Симпатии:
    109
    /catalog/view/theme/ папка с вашей темой /template/product/

    открываете например category.tpl смотрите как там устроены ваши кнопочку и делаете нужные правки в модификаторе, который скачали.

    и т.д.
     
    partizanen нравится это.