Помощь Текст на кнопке

Тема в разделе "Opencart", создана пользователем serg123777, 23 фев 2014.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. serg123777

    serg123777 Создатель

    Регистр.:
    19 июн 2013
    Сообщения:
    43
    Симпатии:
    8
    Ребят, подскажите.. Ситуация такая - есть кнопка "купить" такая

    [​IMG]

    хочу сделать ее больше, как здесь

    [​IMG]


    Размер получилось изменить в stylesheet.css

    Код:
    verticaltab .cart a.button{
                     text-indent:-9999px;
                      background-image: url('../image/bigbutton.png') ;
                      background-color:#32353A;
                      background-position:0px -30px;
                      background-repeat: no-repeat;
                      height:30px;
                      width:90px;
                      padding:0;
                     transition-delay: 0;
                     transition-duration: 0.2s;
                     transition-property: all;
                      transition-timing-function: cubic-bezier(0, 0, 1, 1);
                      display:block;
                    }
    Подскажите, как теперь добавить текст на кнопку? Хочу написать "купить" или "в корзину". Спасибо.
    [​IMG]
     
  2. bim666

    bim666 Постоялец

    Регистр.:
    5 фев 2014
    Сообщения:
    74
    Симпатии:
    4
    ищи в исходных файлах, а в частности посмотри куда указывает изображение картинки.
    Потом ищи где она прописана, и вместо нее можешь написать нужный текст.
    И прописать ему стили (тексту), или поместить его в див и в стиле задать цвета и размеры, как шрифтов так и самого блока.
    Или прописать стили существующему блоку.
     
  3. qazibum

    qazibum

    Регистр.:
    21 окт 2009
    Сообщения:
    200
    Симпатии:
    9
    текст для кнопки скорее всего здесь catalog\language\russian\russian.php
     
  4. ivanvolgu

    ivanvolgu Постоялец

    Регистр.:
    22 июл 2013
    Сообщения:
    116
    Симпатии:
    79
    Да по этому пути находиться текст кнопки "Купить"
    catalog\language\russian\russian.php

    Что бы текст появился на кнопке за это отвечают файлы *.tpl
    Если у тебя не выводит в "рекомендуемые" проверь правильно ли прописано в tpl файле
    catalog\view\theme\*\template\module\featured.tpl
    Строка начинается с <div class="cart">
    Должно быть прописано:
    <div class="cart"><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>

    Как я понимаю value="<?php echo $button_cart; ?>
    Отвечает за вывод текста "Купить" - $button_cart

    Если у тебя не стандартный шаблон то, зайди на страницу товара (там где кнопка выводится нормально) щёлкни правой кнопкой по ней (я делаю в google хроме) правой кнопкой по кнопке "КУПИТЬ" и нажми "просмотр кода элемента".
    "К примеру будет <input type="button" value="Купить" onclick="addToCart('27');" class="button">"
    это одно и то же что <input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>

    Потом проверь как у тебя выводится кнопка в рекомендуемых скорее всего в таком виде будет
    "<input type="button" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>"

    Не хватает value="<?php echo $button_cart; ?>"

    Идёшь по пути upload\catalog\view\theme\*\template\product\product.tpl
    Находишь
    <div class="cart">
    А точнее <input type="button" *********/></div>"
    и копируешь эту строку. Открываешь catalog\view\theme\*\template\module\featured.tpl
    Находишь:
    <div class="cart"><input type="button" *********/></div>"
    И делаешь замену строки.
     
    serg123777 нравится это.
  5. serg123777

    serg123777 Создатель

    Регистр.:
    19 июн 2013
    Сообщения:
    43
    Симпатии:
    8
    Спасибо за большой развернутый ответ! У меня надпись "купить" не показывалась не только в рекомендуемых, но и в категориях
    код кнопки в категориях
    Код:
    <div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" title="<?php echo $button_cart; ?>" /><?php echo $button_cart; ?></a></div>
    Мне подсказали убрать/изменить параметр в css
    Код:
    text-indent:-9999px;
    Я изменил -9999 на 15 и надпись на кнопке появилась, НО! я изначально не заметил самого главного - при наведении на кнопку надпись "купить" появлялась сверху, вот так
    [​IMG]
    скорее всего это задумывалось потому что изначально кнопка была маленькая и надпись "купить" при наведении была подсказкой.
    class="button" title="<?php echo $button_cart; выводил именно эту всплывающую при наведении надпись как я понял, ибо если написать так
    class="button" title="123" то получается
    [​IMG]
    а если title удалить вовсе, то получается вот такая хрень
    [​IMG]
    Как избавится от этой черной штуки сверху при наведении?
    я поменял всю строчку на ту что Вы посоветовали
    Код:
    <div class="cart"><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>
    И все заработало, но! кнопка перестала быть привязана к css
    Код:
    verticaltab .cart a.button{
                     text-indent:-9999px;
                      background-image: url('../image/bigbutton.png') ;
                      background-color:#32353A;
                      background-position:0px -30px;
                      background-repeat: no-repeat;
                      height:30px;
                      width:90px;
                      padding:0;
                     transition-delay: 0;
                     transition-duration: 0.2s;
                     transition-property: all;
                      transition-timing-function: cubic-bezier(0, 0, 1, 1);
                      display:block;
                    }
    то есть она стала ровно такой по размерам как на странице товара и в значении width:90px; я не могу поменять ее размер.
    а код кнопки на странице товара такой
    Код:
    <div class="cart"><input type="button" value="<?php echo $button_cart; ?>" id="button-cart" class="button" /></div>
     
  6. ivanvolgu

    ivanvolgu Постоялец

    Регистр.:
    22 июл 2013
    Сообщения:
    116
    Симпатии:
    79
    Скинь ссылку на сайт в личку или ссылку на название шаблона.
     
  7. Igor0001

    Igor0001 Создатель

    Регистр.:
    9 мар 2013
    Сообщения:
    15
    Симпатии:
    1
    посмотри может там в шаблоне в кнопку не поставлен кусок скрипта, который выводит текст
     
  8. ivanvolgu

    ivanvolgu Постоялец

    Регистр.:
    22 июл 2013
    Сообщения:
    116
    Симпатии:
    79
    Замени в файле catalog\view\theme\*\template\module\featured.tpl (рекомендуемые)
    вместо этого
    <div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" title="<?php echo $button_cart; ?>"/><?php echo $button_cart; ?> </a></div>
    на это
    <input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>

    Потом зайди в catalog/view/theme/polianna/stylesheet/stylesheet.css
    и найди
    .cart input.button {
    min-width: 130px;
    и замени на min-width: 90px;

    Таким образом на странице товара и в рекомендуемых будет одинаковая по размеру кнопка и не будет этой чёрной всплывающей штуки.

    B и если что: catalog/view/theme/polianna/stylesheet/stylesheet.css
    найди
    .cart input.button,.product-list .cart a.button {
    и добавь ниже
    width: 90%;

    Ну ещё в upload\catalog\view\theme\*\template\product\category.tpl
    Нужно найти:
    <div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" title="<?php echo $button_cart; ?>"/><?php echo $button_cart; ?> </a></div>
    на это
    <input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>

     
    Последнее редактирование: 24 фев 2014
    serg123777 нравится это.
  9. serg123777

    serg123777 Создатель

    Регистр.:
    19 июн 2013
    Сообщения:
    43
    Симпатии:
    8
    большое человеческое спасибо ! получилось! небольшой костыль получился, но меня полностью устраивает, и почему я не догадался пойти через другой стиль..
    тему можно закрывать.

    а что это дает?
     
    Последнее редактирование модератором: 25 фев 2014
    ivanvolgu нравится это.
  10. ivanvolgu

    ivanvolgu Постоялец

    Регистр.:
    22 июл 2013
    Сообщения:
    116
    Симпатии:
    79
    Как я понимаю min-width задает минимально возможную ширину для элемента, а width: 90% точный размер элемента (в твоём случае это минимальное значение). Пока у тебя стояло min-width: 130 ты не мог уменьшить в css размер кнопки до точного размера width: 90% или px.
    К примеру у тебя сейчас на странице товара кнопка привязана к стилю
    .cart input.button1,.product-list .cart a.button1 {
    Если ты пропишешь значение width: 90%
    То кнопка так и останется того же размера.
    Размер до 90% или px поменяется только тогда, когда ты укажешь в
    .cart input.button1 {
    значение вместо 130px - "90px или %"
    min-width: 130px;
     
    Последнее редактирование: 25 фев 2014
    hjhjhjhhj и serg123777 нравится это.