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

S

serg123777

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

Для просмотра ссылки Войди или Зарегистрируйся

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

Для просмотра ссылки Войди или Зарегистрируйся


Размер получилось изменить в 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;
                }

Подскажите, как теперь добавить текст на кнопку? Хочу написать "купить" или "в корзину". Спасибо.
Для просмотра ссылки Войди или Зарегистрируйся
 
ищи в исходных файлах, а в частности посмотри куда указывает изображение картинки.
Потом ищи где она прописана, и вместо нее можешь написать нужный текст.
И прописать ему стили (тексту), или поместить его в див и в стиле задать цвета и размеры, как шрифтов так и самого блока.
Или прописать стили существующему блоку.
 
текст для кнопки скорее всего здесь catalog\language\russian\russian.php
 
Да по этому пути находиться текст кнопки "Купить"
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>"
И делаешь замену строки.
 
ivanvolgu написал(а):
Да по этому пути находиться текст кнопки "Купить"
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>"
И делаешь замену строки.
Нажмите для раскрытия...

Спасибо за большой развернутый ответ! У меня надпись "купить" не показывалась не только в рекомендуемых, но и в категориях
код кнопки в категориях
Код: 
<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 и надпись на кнопке появилась, НО! я изначально не заметил самого главного - при наведении на кнопку надпись "купить" появлялась сверху, вот так
Для просмотра ссылки Войди или Зарегистрируйся
скорее всего это задумывалось потому что изначально кнопка была маленькая и надпись "купить" при наведении была подсказкой.
class="button" title="<?php echo $button_cart; выводил именно эту всплывающую при наведении надпись как я понял, ибо если написать так
class="button" title="123" то получается
Для просмотра ссылки Войди или Зарегистрируйся
а если title удалить вовсе, то получается вот такая хрень
Для просмотра ссылки Войди или Зарегистрируйся
Как избавится от этой черной штуки сверху при наведении?
я поменял всю строчку на ту что Вы посоветовали
Код: 
<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>
 
Скинь ссылку на сайт в личку или ссылку на название шаблона.
serg123777 написал(а):
Спасибо за большой развернутый ответ! У меня надпись "купить" не показывалась не только в рекомендуемых, но и в категориях
код кнопки в категориях
Код: 
<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 и надпись на кнопке появилась, НО! я изначально не заметил самого главного - при наведении на кнопку надпись "купить" появлялась сверху, вот так
Для просмотра ссылки Войди или Зарегистрируйся
скорее всего это задумывалось потому что изначально кнопка была маленькая и надпись "купить" при наведении была подсказкой.
class="button" title="<?php echo $button_cart; выводил именно эту всплывающую при наведении надпись как я понял, ибо если написать так
class="button" title="123" то получается
Для просмотра ссылки Войди или Зарегистрируйся
а если title удалить вовсе, то получается вот такая хрень
Для просмотра ссылки Войди или Зарегистрируйся
Как избавится от этой черной штуки сверху при наведении?
я поменял всю строчку на ту что Вы посоветовали
Код: 
<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>
Нажмите для раскрытия...
 
посмотри может там в шаблоне в кнопку не поставлен кусок скрипта, который выводит текст
 
Замени в файле 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>

serg123777 написал(а):
Спасибо за большой развернутый ответ! У меня надпись "купить" не показывалась не только в рекомендуемых, но и в категориях
код кнопки в категориях
Код: 
<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 и надпись на кнопке появилась, НО! я изначально не заметил самого главного - при наведении на кнопку надпись "купить" появлялась сверху, вот так
Для просмотра ссылки Войди или Зарегистрируйся
скорее всего это задумывалось потому что изначально кнопка была маленькая и надпись "купить" при наведении была подсказкой.
class="button" title="<?php echo $button_cart; выводил именно эту всплывающую при наведении надпись как я понял, ибо если написать так
class="button" title="123" то получается
Для просмотра ссылки Войди или Зарегистрируйся
а если title удалить вовсе, то получается вот такая хрень
Для просмотра ссылки Войди или Зарегистрируйся
Как избавится от этой черной штуки сверху при наведении?
я поменял всю строчку на ту что Вы посоветовали
Код: 
<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>
Нажмите для раскрытия...
 
Последнее редактирование:
ivanvolgu написал(а):
Замени в файле 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>
Нажмите для раскрытия...

большое человеческое спасибо ! получилось! небольшой костыль получился, но меня полностью устраивает, и почему я не догадался пойти через другой стиль..
тему можно закрывать.

B и если что: catalog/view/theme/polianna/stylesheet/stylesheet.css
найди
.cart input.button,.product-list .cart a.button {
и добавь ниже
width: 90%;
Нажмите для раскрытия...
а что это дает?
 
Последнее редактирование модератором:
serg123777 написал(а):
а что это дает?
Нажмите для раскрытия...
Как я понимаю 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;
 
Последнее редактирование:
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху