Перейти к содержанию
Официальный форум поддержки Simpla

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

Подскажите пожалуйста как вывести вместо:

 

<img src="{$product->image->filename|resize:200:200}" >
 

вот это:

<picture class="fn_img preview_img">
<source srcset="{$product->image->filename|resize:200:200}" type="image/webp">
<img class="fn_img preview_img" src="{$product->image->filename|resize:200:200}" >
</picture>
 

но только, чтобы подставлялся webp, где source и jpg там, где img
Сами файлы webp корректно создаются в папке products, вместе с jpg.

Пробовал |jpg, |webp - не работает.

 

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

Пробовал |jpg, |webp - не работает.

А ты бы ещё до |bmp додумался :D

Симпла не работает с WEBP, нужны индивидуальные работы по программированию движка.

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

А ты бы ещё до |bmp додумался :D

Симпла не работает с WEBP, нужны индивидуальные работы по программированию движка.

 

Так у меня по-сути уже всё работает. Доработку по резайзу и созданию дополнительного webp внедрил, осталось только правильно вывести webp в шаблоне. 

Может как то можно вывести filename, но без расширения, чтобы руками его дописать потом в шаблоне? Пробовал в design.php и image.php убирать расширения, но тогда естественно новые изображения не генерятся.

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

Пробуйте простые способы вроде

{($product->image->filename|resize:200:200:w)|replace:'.jpg':'.webp'}

 

Крутяк! Спасибо) Ато я уже через str replace сделал по жести)

Но так намного лучше) 99 в пэйджспиде, скорость подросла 

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

Пробуйте простые способы вроде

{($product->image->filename|resize:200:200:w)|replace:'.jpg':'.webp'}

Дебильное костыльное решение, до такого даже школота не додумается.

Ума хватило только на переименование расширения файла, чего делать не стоит.

Явный пример того как не стоит программировать, и это пишет великий знаток Корс который не отличает файлы от классов...

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

Дебильное костыльное решение, до такого даже школота не додумается.

Ума хватило только на переименование расширения файла, чего делать не стоит.

Явный пример того как не стоит программировать, и это пишет великий знаток Корс который не отличает файлы от классов...

 

Это никакое не решение. А программированием тут вообще не пахнет. Дан лишь простой совет. 

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

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

Это никакое не решение. А программированием тут вообще не пахнет. Дан лишь простой совет. 

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

Ты зациклен, несешь маразм
Ссылка на сообщение
Поделиться на другие сайты

Ты зациклен, несешь маразм

 

А тут Вы, уважаемый, несете чушь, или дичь, или ахинею.

 

"несешь маразм" - бессмыслица, ибо маразм, как пишут в словарях, это состояние или болезнь. Стало быть, к высказываниям никак относиться не может....

 

Вы, дяденька, смысла слов уже не понимаете. Или путаете...

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

А тут Вы, уважаемый, несете чушь, или дичь, или ахинею.

 

"несешь маразм" - бессмыслица, ибо маразм, как пишут в словарях, это состояние или болезнь. Стало быть, к высказываниям никак относиться не может....

 

Вы, дяденька, смысла слов уже не понимаете. Или путаете...

Тебе лечиться нужно, крыша совсем поехала на старости лет...
Ссылка на сообщение
Поделиться на другие сайты
  • 1 год спустя...
В 11.03.2019 в 12:00, antipolizei сказал:

Подскажите пожалуйста как вывести вместо:

 


<img src="{$product->image->filename|resize:200:200}" >
 

вот это:


<picture class="fn_img preview_img">
<source srcset="{$product->image->filename|resize:200:200}" type="image/webp">
<img class="fn_img preview_img" src="{$product->image->filename|resize:200:200}" >
</picture>
 

но только, чтобы подставлялся webp, где source и jpg там, где img
Сами файлы webp корректно создаются в папке products, вместе с jpg.

Пробовал |jpg, |webp - не работает.

 

Добрый день! Можете подсказать как вы внедрили webp в симплу с кодом и местами его вставки. Буду очень признателен.

Ссылка на сообщение
Поделиться на другие сайты
4 часа назад, Asilis сказал:

Добрый день! Можете подсказать как вы внедрили webp в симплу с кодом и местами его вставки. Буду очень признателен.

Рекомендую в помощь https://github.com/claviska/SimpleImage/blob/master/src/claviska/SimpleImage.php

Ссылка на сообщение
Поделиться на другие сайты
  • 2 месяца спустя...
On 3/11/2019 at 1:36 PM, phukortsin said:

Пробуйте простые способы вроде

{($product->image->filename|resize:200:200:w)|replace:'.jpg':'.webp'}

Расширение действительно заменяется и отлично работает, но есть к сожалению одно НО, он заменяется, после того, как ресайз создан. То есть если удалить файлы, к примеру в папке products и затем обновляешь страницу на сайте, то картинки пропадают, проверяешь папку products, а там ничего не создалось, пока не вернешь обратно исходный код:

{$product->image->filename|resize:200:200:w}

Как сделать так, чтобы ресайзы создавались независимо от данного метода замены?

Благодарю!

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

Друзья, решил тупо добавить в product.tpl админки под:

<img src="{$image->filename|resize:100:100}" alt="" />

следующее с шаблона:

<img src="{$image->filename|resize:800:600:w}" alt="" />
<img src="{$image->filename|resize:350:350}" alt="" />
<img src="{$image->filename|resize:80:80}" alt="" />

при сохранение товара или обновление страницы товара в админке, ресайзы картинок всех размеров сразу создаются, в том числе и .webp

А в шаблон product.tpl добавил замену расширения. В таком случае ресайзы заранее создаются и замена расширения работает отлично.

Но это при условии, что страница товара должна обновиться из админки!!!

Если вместо страницы product.tpl применить этот "метод" в странице products.tpl админки, то так проще обновить все товары и ресайзы тоже создаются, но на сайте,  в карточке товаров при веденном замене .jpg на .webp, картинки не отображаются. Видимо очередной конфликт в webp.

Поэтому, как обновить все карточки товаров в админке одним разом? Пусть даже тупа с БД?

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

Решил вопрос иначе.

В product.tpl шаблона там где фото тавара с ссылкой на большое фото записал так:

<a href="{$image->filename|resize:800:600:w} type='image/webp'">
<img src="{$image->filename|resize:350:350} type='image/webp'" alt="{$product->name|escape}" /></a>

а перед ним сделал ресайз нужных для меня размеров и скрыл их ))

<img style="display:none;" src="{$image->filename|resize:800:600:w}" alt="" />
<img style="display:none;" src="{$image->filename|resize:350:350}" alt="" />

 

Ссылка на сообщение
Поделиться на другие сайты
On 3/12/2021 at 1:51 AM, daramal said:

Решил вопрос иначе.

В product.tpl шаблона там где фото тавара с ссылкой на большое фото записал так:



<a href="{$image->filename|resize:800:600:w} type='image/webp'">
<img src="{$image->filename|resize:350:350} type='image/webp'" alt="{$product->name|escape}" /></a>

а перед ним сделал ресайз нужных для меня размеров и скрыл их ))



<img style="display:none;" src="{$image->filename|resize:800:600:w}" alt="" />
<img style="display:none;" src="{$image->filename|resize:350:350}" alt="" />

 

Данное решиние отлично работает на Firefox, но оказалось, что на Chrome не очень.

на Firefox и картинки товара при сохранении выдаются в .webp, а вот на Chrome выдает .jpg/.png

Как Chrome заставить увидеть .webp?

Речь идет именно сохранение файла. А так, в Network-e все правильно заменяется и показывает мол webp

Изменено пользователем daramal
Ссылка на сообщение
Поделиться на другие сайты
On 3/12/2021 at 1:51 AM, daramal said:

Решил вопрос иначе.

В product.tpl шаблона там где фото тавара с ссылкой на большое фото записал так:


<a href="{$image->filename|resize:800:600:w} type='image/webp'">
<img src="{$image->filename|resize:350:350} type='image/webp'" alt="{$product->name|escape}" /></a>

а перед ним сделал ресайз нужных для меня размеров и скрыл их ))


<img style="display:none;" src="{$image->filename|resize:800:600:w}" alt="" />
<img style="display:none;" src="{$image->filename|resize:350:350}" alt="" />

 

В общем дополнил это решение. Теперь и в Chrome все работает как надо.

записал вывод таким образом:

<a href="{($image->filename|resize:800:600:w)|replace:'.jpg':'.webp'|replace:'.png':'.webp'} type='image/webp'">
<img src="{($image->filename|resize:350:350)|replace:'.jpg':'.webp'|replace:'.png':'.webp'} type='image/webp'" alt="{$product->name|escape}" /></a>

 

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

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...