Jump to content

Кнопка "купить" как изменить?


Recommended Posts

Добрый день. Как и где можно изменить текст кнопки "купить" которая под всеми товарами высвечивается? 

Например заменить "купить" на "сделать заявку" или "сделать заказ". Как это сделать так,что бы из-за двух слов шаблон не перекорёжило?

 

И ещё: как сделать вместо стандартного фона под кнопкой "купить" или "сделать заявку" например красный переливающийся волной справа на лево фон? 

Link to post
Share on other sites
support
10 минуту назад, sheldon сказал:

Добрый день. Как и где можно изменить текст кнопки "купить" которая под всеми товарами высвечивается? 

Например заменить "купить" на "сделать заявку" или "сделать заказ". Как это сделать так,что бы из-за двух слов шаблон не перекорёжило?

 

И ещё: как сделать вместо стандартного фона под кнопкой "купить" или "сделать заявку" например красный переливающийся волной справа на лево фон? 

Я ж в соседней теме писал где правятся тексты.

Вот точно так же.

А оформление кнопки через css стили задаётся.

Если речь про страница со списком товара категории, то правится в Админке - Оформление - Микро-шаблоны - product-listing добавляется свой css класс для кнопки и затем уже добавляется оформлени этого класса в /app/webroot/css/vamshop.css

Link to post
Share on other sites

Спасибо. Понял, что это пока для меня сложно. Дилетантский вопрос, а хотя бы куда в каждый из двух файлов вставлять код, между каким и каким кодом? 

Link to post
Share on other sites
support
1 минуту назад, sheldon сказал:

Спасибо. Понял, что это пока для меня сложно. Дилетантский вопрос, а хотя бы куда в каждый из двух файлов вставлять код, между каким и каким кодом? 

Почему сложно.

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

Например в product-listing шаблоне в Админке - Оформление - Микро-шаблоны править:

        <button class="btn btn-default btn-add-to-cart" type="submit"><i class="fa fa-shopping-cart"></i> {lang}Buy{/lang}</button>

на:

        <button class="btn btn-default btn-add-to-cart test" type="submit"><i class="fa fa-shopping-cart"></i> Купить сейчас</button>

Это для примера и текст кнопки поменяли и css test добавили.

и в /app/webroot/css/vamshop.css можно добавлять внизу что-то типа:

.btn-add-to-cart.test
{
  background: blue;
}

 

Link to post
Share on other sites

Круто! Спасибо. Это очень поможет мне в моих задумках. 

Останется только понять как и научиться делать, кнопку,кнопки, нужного цвета с переливами и всё будет хорошо. 

Link to post
Share on other sites
support
1 минуту назад, sheldon сказал:

Круто! Спасибо. Это очень поможет мне в моих задумках. 

Останется только понять как и научиться делать, кнопку,кнопки, нужного цвета с переливами и всё будет хорошо. 

Элементрано, но только если знаете css.

Без знания основ трудно что-либо исправить и каждый шаг не объяснишь, надо знать основы хотя бы.

Link to post
Share on other sites
  • 3 years later...
madvolkov

а как изменить 

<input class="addtocart" type="image" src="images/cart.png" alt="Добавить в корзину" title=" Добавить в корзину " /> 

на <div> вообщем кнопку добавить в корзину как переделать чтобы она в div была. если делаю, то перестаёт добавлять в корзину !

вся конструкция выглядит так вот 

<form id="cart_quantity_{$module_data.PRODUCTS_ID}" {if $smarty.const.AJAX_CART == 'true'}onsubmit="doAddProduct('#cart_quantity_{$module_data.PRODUCTS_ID}'); return false;"{/if} action="?action=buy_now&BUYproducts_id={$module_data.PRODUCTS_ID}&action=add_product" method="post">
  <div class="item-price">
     <input  type="number" max="100" min="1" class="cur_num" name="products_qty" value="1" size="3" />  
     <span>{$module_data.PRODUCTS_PRICE}</span>
  </div>
  <div class="item-buy">
    <input type="hidden" name="products_id" value="{$module_data.PRODUCTS_ID}" />
    <input class="addtocart" type="image" src="images/cart.png" alt="Добавить в корзину" title=" Добавить в корзину " /> 
    <div class="btn_wishlist id{$module_data.PRODUCTS_ID}" style="display: inline-block;margin-left: 5px;"><a class="otl" href="#" onclick="return false;"></a></div>
  </div>
  </form>

 

Link to post
Share on other sites
support
21 минуту назад, madvolkov сказал:

а как изменить 

<input class="addtocart" type="image" src="images/cart.png" alt="Добавить в корзину" title=" Добавить в корзину " /> 

на <div> вообщем кнопку добавить в корзину как переделать чтобы она в div была. если делаю, то перестаёт добавлять в корзину !

вся конструкция выглядит так вот 


<form id="cart_quantity_{$module_data.PRODUCTS_ID}" {if $smarty.const.AJAX_CART == 'true'}onsubmit="doAddProduct('#cart_quantity_{$module_data.PRODUCTS_ID}'); return false;"{/if} action="?action=buy_now&BUYproducts_id={$module_data.PRODUCTS_ID}&action=add_product" method="post">
  <div class="item-price">
     <input  type="number" max="100" min="1" class="cur_num" name="products_qty" value="1" size="3" />  
     <span>{$module_data.PRODUCTS_PRICE}</span>
  </div>
  <div class="item-buy">
    <input type="hidden" name="products_id" value="{$module_data.PRODUCTS_ID}" />
    <input class="addtocart" type="image" src="images/cart.png" alt="Добавить в корзину" title=" Добавить в корзину " /> 
    <div class="btn_wishlist id{$module_data.PRODUCTS_ID}" style="display: inline-block;margin-left: 5px;"><a class="otl" href="#" onclick="return false;"></a></div>
  </div>
  </form>

 

Посмотрите как в демке по умолчанию

Таких кнопко вроде как нет уже в шаблоне vamshop4, vamshop1

Это обычная submit кнопка.

т.е. Вы эту строку можете поменять на, к примеру:

<button class="btn btn-inverse checkout btn-block"><i class="fas fa-shopping-cart"></i> Добавить в корзину</button>

т.е. это форма, а у формы должна быть submit кнопка которая выполняет эту форму.

div - это блок, не кнопка.

 

Можете вот посмотреть пример формы в плитке товара.

Вот здесь - http://vamshop.loc/products_new.php

и сделать аналогично у себя.

Link to post
Share on other sites
madvolkov

ооо спасибо.

<button class="btn btn-inverse checkout btn-block"><i class="fas fa-shopping-cart"></i> Добавить в корзину</button>

так вот работает ) 

Link to post
Share on other sites
support
1 час назад, madvolkov сказал:

ооо спасибо.


<button class="btn btn-inverse checkout btn-block"><i class="fas fa-shopping-cart"></i> Добавить в корзину</button>

так вот работает ) 

Не за что

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...