Корзина для сайта

Готовый виджет для любого сайта.
Превратите сайт в интернет-магазин за 5 минут.
Рассчитывайте скидки, предлагайте варианты доставки и онлайн-оплату.

Получить код Пример работы

video Как установить на сайт [видео, 46 секунд]

Корзина для сайта
Корзина для сайта
Готовое решение ,Бесплатно ,Установка за 5 минут ,Для любого сайта ,Ваши стили ,Скидки ,Промо-коды ,Варинты доставки ,Онлайн-оплата ,Заказы на почту ,Заказы в Telegram ,Заказы в Битрикс24 ,Заказы в МойСклад ,Поддержка

Добавление файлов в корзину

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

  • Регистрируемся в сервисе Сloudinary.com
  • После регистрации в сервисе потребуется запомнить параметры Cloud Name в разделе "Dashboard"
  • Настроить параметры загрузки в разделе "Settings → Upload → Upload presets"
  • Подключаем виджет к сайту, размещая код на странице, после кода подключения корзины (используем данные из предыдущих пунктов):
    <script src="https://upload-widget.cloudinary.com/global/all.js" type="text/javascript"></script>  
    
    <script type="text/javascript">  
    	var myWidget = cloudinary.createUploadWidget({
    		cloudName: 'Cloud Name', 
    		uploadPreset: 'Upload presets'}, (error, result) => { 
    		if (!error && result && result.event === "success") { 
    			console.log('Done! Here is the image info: ', result.info); 
    			one_file = '<div class="easynetshop-uploaded">'+
    				'<input type="hidden" class="easynetshop-customfield" name="Файл" value="'+result.info.secure_url+'">' + 
    				result.info.original_filename  +
    				' <button onclick="ens_jQuery(this).closest(\'.easynetshop-uploaded\').remove();">x</button> ' +
    				' </div>';
    			ens_jQuery('#upload_widget').before(one_file);	
    			}
    		})
    </script>
    		
  • Далее потребуется добавить кнопку показа виджета в корзину. Для этого размещаем код:
    <script type="text/javascript">
     	document.addEventListener("EasyNetShopLoaded", function(event) {
    		 var fhtml = '';
    		 fhtml += '<div class="easynetshop-modal-body-self" style="padding:10px 20px;">' +
    		 ' <div class="easynetshop-form-group-self"> ' +					 
    		 ' <button id="upload_widget" class="cloudinary-button" onclick="myWidget.open();">Загрузить файлы</button> ' +
    		 ' </div>' + 
    		 '</div>' ;
    		 ens_jQuery('.easynetshop-modal-cart .easynetshop-footer').before(fhtml);					 
    	 }, false);	
    </script>
    		

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

Следующая статьяДобавление произвольного товара в корзину