Перейти к содержанию
Форум поддержки пользователей VamShop

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


Рекомендуемые сообщения

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

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

 

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

Ссылка на сообщение
Поделиться на другие сайты
  В 07.03.2017 в 13:08, sheldon сказал:

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

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

 

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

Expand  

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

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

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

Ссылка на сообщение
Поделиться на другие сайты
  В 07.03.2017 в 14:12, sheldon сказал:

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

Expand  

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

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

Например в 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;
}

 

Ссылка на сообщение
Поделиться на другие сайты

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

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

Ссылка на сообщение
Поделиться на другие сайты
  В 07.03.2017 в 14:19, sheldon сказал:

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

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

Expand  

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

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

Ссылка на сообщение
Поделиться на другие сайты
  • 3 years later...

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

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

 

Ссылка на сообщение
Поделиться на другие сайты
  В 19.05.2020 в 09:23, 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>

 

Expand  

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

Таких кнопко вроде как нет уже в шаблоне 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

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

Ссылка на сообщение
Поделиться на другие сайты
  В 19.05.2020 в 10:14, madvolkov сказал:

ооо спасибо.

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

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

Expand  

Не за что

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...