Главная / Создание и продвижение сайтов / САЙТОСТРОЕНИЕ / Prestashop / PrestaShop: снимаем ограничение по количеству товара при покупке

PrestaShop: снимаем ограничение по количеству товара при покупке

Престашоп не перестает удивлять. Не знаю, зачем было введено в стандартный шаблон версии 1.5.6.1 ограничение, о котором пойдет речь ниже, но факт остается фактом, ограничение существует и, думаю, некоторым владельцам интернет-магазинов доставляет мало удовольствия.

Речь в этой короткой заметке пойдет об ограничении на количество какого-либо товара, которое возможно купить — PrestaShop ограничивает его трехзначным числом и, соответственно, не позволяет положить в корзину более 999 единиц выбранного товара. Для большинства интернет-магазинов, торгующих штучным товаром, наличие ошибки «999» вряд ли как-то скажется на рабочем процессе. Но для оптового магазина, продающего мелкий штучный товар сотнями тысяч, это серьезный камень преткновения.

Наша задача — увеличить число символов в поле ввода количества товара при покупке. Для этого будем править файл шаблона ваш_сайт/themes/default/product.tpl

Открываем файл текстовым редактором (я для этих целей использую Notepad++) и находим в нем фрагмент кода:

<input type="text" name="qty" id="quantity_wanted" class="text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" size="2" maxlength="3" {if $product->minimal_quantity > 1}onkeyup="checkMinimalQuantity({$product->minimal_quantity});"{/if} />

За вывод количества символов при покупке товара отвечает параметр maxlength=»3″. Изменяем его значение на то, которое нам необходимо. Я поставил шестерку.

Но это еще не все правки, которые нам предстоит сделать. При переходе в корзину (к оформлению заказа) мы видим, что размер поля ввода количества товара также недостаточен. Теперь, чтобы отобразить большее количество знаков, нам потребуется его расширить. Для этого на странице оформления заказа включаем в браузере Firefox Инструменты — Веб-разработка — Инспектор (Ctrl+Shift+C) или нажимаем F12 и выбираем Инспектор. Мышкой тыкаем в тот участок веб-страницы, который нас интересует. Видим следующую картинку:

999!

Это говорит о том, что в PrestaShop ограничение на показ задает ширина поля в файле стилей ваш_сайт/themes/default/css/global.css. В этом файле находим строки:

.cart_quantity .cart_quantity_input {
    float:left;
    margin-left: 5px;
    width: 20px;
    border:1px solid #fff

и меняем значение параметра width с 20px на 50px или больше, по необходимости. Вот теперь все. Сохраняем изменения и заливаем файл на место.

Чтобы увидеть результат проведенной работы, не забудьте очистить кэш PrestaShop с помощью инструментов бэк-офиса, программы PrestaShop Store Manager или вручную  (удалив все файлы, кроме index.php, в папках cache/smarty/cache и cache/smarty/compile).

Расскажите об этой статье в соцсетях:

Один комментарий

  1. Тоже частенько пользуюсь Файрбагом (F12), очень удобный инструмент. Чем выводите код в Вордпрессе, если не секрет?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *