19 заметок с тегом

simplacms

SimplaCMS: подключаем dadata для клёвых подсказок

Есть клёвый сервис, который позволяет в вашей корзине вызывать подсказки.
Подсказки могут быть разными — фамилии, имена, отчества, адреса, почты, огрн, инн и ещё большая куча других подсказок. Для простых интернет-магазинов очень нужны ФИО, электропочты и адреса. Это реально упрощает процесс оформления заказа и в какой-то степени увеличивает конверсию.

Как подключить

  1. Регистрируемся на сайте dadata.ru, получаем API ключик.
  2. Открываем файл /design/ваша_тема/html/cart.tpl и добавляем в него:
{literal}
<link href="https://cdn.jsdelivr.net/npm/suggestions-jquery@19.4.2/dist/css/suggestions.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/suggestions-jquery@19.4.2/dist/js/jquery.suggestions.min.js"></script>
 <script type="text/javascript">
     $(".cart input[name='name']").suggestions({
         serviceUrl: "https://dadata.ru/api/v2",
         token: "a8fe6329cfa81666be66deb370d2c364ccfddeaa",
         type: "NAME",
         params: {
             parts: ["SURNAME", "NAME", "PATRONYMIC"]
         }
     });
     $(".cart input[name='address']").suggestions({
         serviceUrl: "https://dadata.ru/api/v2",
         token: "a8fe6329cfa81666be66deb370d2c364ccfddeaa",
         type: "ADDRESS"
     });
     $(".cart input[name='email']").suggestions({
        serviceUrl: "https://dadata.ru/api/v2",
        token: "a8fe6329cfa81666be66deb370d2c364ccfddeaa",
        type: "EMAIL",
        /* Вызывается, когда пользователь выбирает одну из подсказок */
        onSelect: function(suggestion) {
            console.log(suggestion);
        }
    });
 </script>
 {/literal}
  1. Чтобы скрипт заработал, нужно указать свой API-ключик во всех token-параметрах.
  2. Обратите внимание, что у меня используется нестандартный класс для формы корзины. Чтобы узнать какой класс формы корзины используется у вас, найдите в cart.tpl html-тег
    и посмотрите какой класс ему принадлежит. Далее просто замените cart на свой класс в этих полях:
$(".cart input[name='name']").suggestions({
...
$(".cart input[name='address']").suggestions({
...
$(".cart input[name='email']").suggestions({
...
}

Результат работы

 Нет комментариев    95   4 дн   simplacms

SimplaCMS: обновляем TinyMCE до 4 версии

Кривой TinyMCE 3 версии в 2019 году уже невозможно использовать. Он регулярно вставляет всякие спаны и непечатаемые пробелы, поэтому нужно было обновить его версию.

  1. Открываем /simpla/design/js/ и создаём папку tinymce
  2. Скачаем сам TinyMCE и положим содержимое папки js в папку tinymce. Краткая структура файлов и папок в папке tinymce должна быть такой:
-langs
-plugins
-skins
-themes
--jquery.tinymce.min.js
--tinymce.min.js
  1. Открываем файл /simpla/design/html/tinymce_init.tpl и меняем полностью его содержимое на:
<script language="javascript" type="text/javascript" src="design/js/tinymce/tinymce.min.js"></script>
<script language="javascript">
tinymce.init({
    selector: "textarea.editor_large,textarea.editor_small",
    language : "ru",
    plugins: [
        "advlist autosave autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount charactercount charmap visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste textcolor colorpicker textpattern  "
   ],
   toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link unlink anchor | image media charmap blockquote | forecolor backcolor | removeformat print preview code emoticons ",
menubar: '',
   verify_html: false, 
   image_advtab: true,
        setup : function(ed) {
        if(typeof set_meta == 'function')
        {
            ed.on('keyUp', function() {
                set_meta();
            });
            ed.on('change', function() {
                set_meta();
            });
        }
    }
    {literal}}{/literal});
    function myCustomGetContent( id ) {
        if( typeof tinymce != "undefined" ) {
            var editor = tinymce.get( id );
            if( editor && editor instanceof tinymce.Editor ) {
                return editor.getContent{literal}({format : 'text'}{/literal}).substr(0, 512);
            } else {
                return  jQuery('textarea[name='+id+']').val().replace(/(<([^>]+)>)/ig," ").replace(/(\&nbsp;)/ig," ").replace(/^\s+|\s+$/g, '').substr(0, 255);
            }
        }
        return '';
    }
</script>
  1. Далее необходимо поправить автогенерацию meta description в админке. Для этого нужно полностью заменить функцию generate_meta_description() в файлах:
    • /simpla/design/html/product.tpl
    • /simpla/design/html/post.tpl
// Обновлённая функция, которую нужно вставить в файлы
function generate_meta_description()
{
	if( typeof tinymce != "undefined" )
	{
		return myCustomGetContent( "annotation" );
	}
	else
		return $('textarea[name=annotation]').val().replace(/(<([^>]+)>)/ig," ").replace(/(\&nbsp;)/ig," ").replace(/^\s+|\s+$/g, '').substr(0, 255);
}

В файле /simpla/design/html/category.tpl полностью обновляем функцию:

function generate_meta_description()
{
	if( typeof tinymce != "undefined" )
	{
		return myCustomGetContent( "description" );
	}
	else
		return $('textarea[name=description]').val().replace(/(<([^>]+)>)/ig," ").replace(/(\&nbsp;)/ig," ").replace(/^\s+|\s+$/g, '').substr(0, 255);
}

В файле /simpla/design/html/page.tpl полностью обновляем функцию:

function generate_meta_description()
{
	if( typeof tinymce != "undefined" )
	{
		return myCustomGetContent( "body" );
	}
	else
		return $('textarea[name=body]').val().replace(/(<([^>]+)>)/ig," ").replace(/(\&nbsp;)/ig," ").replace(/^\s+|\s+$/g, '').substr(0, 255);
}

Результат работы

 Нет комментариев    92   5 дн   simplacms   tinymce

SimplaCMS: соседние товары, вывод бренда

Откроем файл /view/ProductView.php, отыщем строчку

//Соседние товары

И заменим содержимое блока на:

$next = $this->products->get_next_product($product->id);
		$next_brand = $this->brands->get_brand(intval($next->brand_id));
		$i = $this->products->get_images(array('product_id'=>$next->id));
		$next->image = reset($i);
		$next->brand = $next_brand;

		$prev = $this->products->get_prev_product($product->id);
		$prev_brand = $this->brands->get_brand(intval($prev->brand_id));
		$i = $this->products->get_images(array('product_id'=>$prev->id));
		$prev->image = reset($i);
		$prev->brand = $prev_brand;

Теперь, чтобы вывести бренд соседнего товара:

{$prev_product->brand->name} или {$next_product->brand->name}
 Нет комментариев    56   14 дн   simplacms

SimplaCMS: подключаем Яндекс Турбо для новостей

Создадим новый файл RssView.php в папке /view/ со следующим содержимым:

<?PHP
require_once('View.php');
class RssView extends View
{
  public function fetch()
  {
    $items_per_page = 20;
    $params = array();
    $params['visible'] = 1;
    $params['limit'] = $items_per_page;
     
    switch($this->request->get('type', 'string')) {
        default:
            $items = $this->blog->get_posts($params);  
            $category = 'Статьи компании';  
            $cat_url = $this->config->root_url.'/blog';
            $base_url = $this->config->root_url.'/blog/';
    }
    header("Content-Type: application/rss+xml; charset=UTF-8"); 
    $p = $items[0];
    $rssfeed = '<?xml version="1.0" encoding="UTF-8"?>';
    $rssfeed .= '<rss xmlns:yandex="http://news.yandex.ru" xmlns:media="http://search.yahoo.com/mrss/" xmlns:turbo="http://turbo.yandex.ru" version="2.0">';
    $rssfeed .= '<channel>';
    $rssfeed .= '<title>'.$this->settings->site_name.'</title>';
    $rssfeed .= '<link>'.$cat_url.'</link>';
    $rssfeed .= '<description>'.$this->settings->company_name.'</description>';
    $rssfeed .= '<language>ru-ru</language>';
    $rssfeed .= '<category>' . $category . '</category>';
    $rssfeed .= '<copyright>Copyright '.date('Y').' '.$this->settings->company_name.'</copyright>';
    $rssfeed .= '<pubDate>' . date("D, d M Y H:i:s O", strtotime($p->date)) . '</pubDate>';
    $rssfeed .= '<lastBuildDate>' . date("D, d M Y H:i:s O", strtotime($p->date)) . '</lastBuildDate>';
    foreach($items as $p) {
        $rssfeed .= '<item turbo="true">';
        $rssfeed .= '<guid isPermaLink="true">'. $base_url . $p->url . '</guid>';
        $rssfeed .= '<link>'. $base_url . $p->url . '</link>';
        $rssfeed .= '<turbo:content>';
        $rssfeed .= '<![CDATA[';
        $rssfeed .= '<header>';
        $rssfeed .= '<h1>' . $p->name . '</h1>';
        $rssfeed .= '</header>';
        $rssfeed .= '<p>'. ($p->text) . '</p>';
        $rssfeed .= '<div data-block="share" data-network="twitter, facebook"></div>';
        $rssfeed .= ']]>';
        $rssfeed .= '</turbo:content>';
        $rssfeed .= '<title>' . $p->name . '</title>';
        $rssfeed .= '<description><![CDATA[' . ($p->annotation) . ']]></description>';
        $rssfeed .= '<comments>'. $base_url . $p->url . '#comments</comments>';
        $rssfeed .= '<pubDate>' . date("D, d M Y H:i:s O", strtotime($p->date)) . '</pubDate>';
        $rssfeed .= '</item>';
    }
    $rssfeed .= '</channel>';
    $rssfeed .= '</rss>';    
    print($rssfeed);
    exit();
  }  
}

Далее откроем в корне сайта .htaccess и после строчки

RewriteRule ^blog(.*)$ /news$1 [L,R=301]

Добавим в него новое правило:

RewriteRule ^rss?$  index.php?module=RssView  [L,QSA]

Теперь у вас есть RSS лента, оптимизированная под Яндекс.Турбо по адресу ваш_сайт.ру/rss
Далее откроем Вебмастер Яндекса, откроем раздел Турбо Страницы -> Источники и добавим ссылку на ваш RSS-канал:

Нажимаем кнопку добавить и ждём когда канал загрузится в систему. После этого проверяем, чтобы всё работало без ошибок и нажимаем кнопку Вкл:

Теперь нужно несколько часов на модерацию вашего источника, а после завершения ваши новости будут в формате Яндекс Турбо ;-)

 4   1 мес   simplacms

Simpla CMS: названия изображений без хеша

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

В стандарной симпле адрес изображения имеет абракадабру на конце:

8b8a7e13a7e2e5a7ee9f

Чтобы от него изобавиться нужно открыть /resize/resize.php и закомментировать:

/*
if(!$simpla->config->check_token($filename, $token))
	exit('bad token');
*/

Далее открываем Design.php и добавим в функцию public function resize_modifier после переменных $resized_filename и $resized_filename_encode:

$size = ($width?$width:0).'x'.($height?$height:0).($set_watermark?"w":'');
        $image_sizes = array();
        if($this->settings->image_sizes)
            $image_sizes = explode('|',$this->settings->image_sizes);
        if(!in_array($size, $image_sizes)){
            $image_sizes[] = $size;
            $this->settings->image_sizes = implode('|',$image_sizes);
        }

В этой же функции ниже нужно закомментировать хвост у строчки:

return $this->config->root_url.'/'.$this->config->resized_images_dir.$resized_filename_encoded/*.'?'.$this->config->token($resized_filename)*/;

Далее открываем файл Image.php и в функцию function resize добавить после конструкции list:

$size = ($width?$width:0).'x'.($height?$height:0).($set_watermark?"w":'');
        $image_sizes = array();
        if($this->settings->image_sizes)
            $image_sizes = explode('|',$this->settings->image_sizes);
        if(!in_array($size, $image_sizes)){
            header("http/1.0 404 not found");
            exit();
        }

Всё. Теперь все изображения без абракадабры на конце.

 4   1 мес   simplacms

SimplaCMS: Итоговая стоимость на ThankYou Page

Не нашёл переменной, которая выводит стоимость заказа с учётом доставки, пришлось написать костылёк прям в шаблоне. Работает просто — забираем данные из переменных (total_price и delivery_price), складываем (math equation), преобразовываем в переменную (assign) и выводим значение в отформатированном виде (total|convert).

{math equation = $order->total_price + $order->delivery_price assign = 'total'}
{$total|convert} {$currency->sign}
 5   1 год   simplacms

Simpla: Показываем JivoSite в определённое время

Сделал на одном сайте привязку кнопок «Обратный звонок» и «Отправить заявку» к JivoSite.
Возможно для кого-то это покажется дикостью, но это на самом деле удобно — обратный звонок должен происходить моментально, а не через три часа, когда менеджер по продажам, который отсиживает жопу на зарплате, накурится сигарет и напьется кофе. И JivoSite в этом плане оказался очень удобен.

Но столкнулся с интересной проблемой. В JivoSite есть настройки времени, когда можно совершать звонок с сайта. Чтобы появилась форма обратного звонка нужно нажать на соответствующую кнопку/ссылку. Конкретный пример:

Предположим мы поставим в настройках JivoSite часы работы с 9 до 18 часов. Как вы думаете, что произойдет, если мы нажмём на ссылку «Обратный звонок» в 18:02? Правильно. Ничего. Она не сработает, а это проёбаный лид. Техподдержке передал, но нужно сохранить лид уже сегодня и своими силами.

Чтобы лид остался с нами, нужно проверить сколько сейчас на часах и предложить альтернативу, например, оффлайн форму того же JivoSite. И в SimplaCMS это решалось так:

<a href="tel:{$settings->company_phone|escape}"><h3>{$settings->company_phone|escape}</h3></a>
{if $smarty.now|date_format:'%H.%M' > '09.00' && $smarty.now|date_format:'%H.%M' < '18.00' }
{literal}<a href="#" onclick="jivo_api.open({start : 'call'});">Обратный звонок</a>{/literal}
{else}
<a href="#" onclick="jivo_api.open();">Обратный звонок</a>
{/if}

Если время сервера попадает в заданный интервал, показать ссылку №1. В противном случае №2.

 1   2018   jivosite   simplacms

SimplaCMS: все URL в нижний регистр

Открываем index.php и после 

if($_SERVER['REQUEST_URI'] != strtolower($_SERVER['REQUEST_URI'])){
header('Location: http://'.$_SERVER['HTTP_HOST'].strtolower($_SERVER['REQUEST_URI']), true, 301);
exit();
}
 1   2018   simplacms

Вторая цена в Simpla CMS

На базе Simpla CMS делаю каталог объектов. Возникла необходимость вывести две цены, например, за час и за смену. Реализация:

  1. Делаем SQL запрос в таблицу s_variants:
ALTER TABLE `s_variants` ADD `price2` TEXT NOT NULL AFTER `price`;
  1. Обновим запрос в /api/Variants.php в двух местах:
$query = $this->db->placehold("SELECT v.id, v.product_id , v.price, v.price2, NULLIF(v.compare_price, 0) as compare_price, v.sku, IFNULL(v.stock, ?) as stock, (v.stock IS NULL) as infinity, v.name, v.attachment, v.position
...
  1. Чтобы вторая цена выводилась в админке в общем списке товаров, добавим в /simpla/design/default/products.tpl ~80 строка:
<input class="price" type="text" name="price2[{$variant->id}]" value="{$variant->price2}" />{$currency->sign}
  1. Чтобы можно было редактировать цену в карточке объекта, добавим ~585 строчка:
<li class="variant_price">     <input name="variants[price2][]"         type="text"   value="{$variant->price2|escape}" /></li>
  1. Чтобы вывести в фронтэнде:
{if $v->price2 > 0}{$v->price2|convert} {$currency->sign}

Готово.

 4   2018   simplacms

Создаем иконки страниц в Simpla CMS

Задача: создать в админке инструмент по выбору иконок типа Font Awesome и вывести их в меню в шапке сайта.

Решение.

Открываем phpMyAdmin и выполняем SQL-запрос

ALTER TABLE `s_pages` ADD `icon` TEXT NOT NULL AFTER `url`;

Далее открываем /api/Pages.php (~30 и 55 строки) и добавляем в SQL-запрос:

, icon

Далее открываем /simpla/PagesAdmin.php, ищем

if($this->request->method('post'))
  	{

И ниже добавляем:

$this->pages->icon = $this->request->post('icon');

Далее открываем файл /simpla/design/html/page.tpl и добавим после ~209 строчки:

<div id="column_right">
		<div class="block layer">
			<h2>Оформление страницы</h2>
			<ul>
				<li><label class=property>Иконка</label><input name="icon" class="simpla_inp" type="text" value="{$page->icon|escape}" /></li>
			</ul>
			<p align="right" style="color: #bbb;font-size: 10px;">Список иконок можно посмотреть <a href="https://linearicons.com/free">здесь</a>.</p>
		</div>
	</div>

Чтобы вывести в шаблоне:

{if $p->icon}<span class="lnr lnr-{$p->icon}"></span>{/if}
2018   simplacms
Ранее Ctrl + ↓