sheldon

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

Recommended Posts

sheldon

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

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

 

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

Share this post


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

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

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

 

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

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

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

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

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

Share this post


Link to post
Share on other sites
sheldon

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

Share this post


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;
}

 

Share this post


Link to post
Share on other sites
sheldon

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

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

Share this post


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

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

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

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

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

Share this post


Link to post
Share on other sites
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>

 

Share this post


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

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

Share this post


Link to post
Share on other sites
madvolkov

ооо спасибо.

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

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

Share this post


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>

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

Не за что

Share this post


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.