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

Фотографии и картинки вставить в разные страницы сайта


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

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

но,

 

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

 

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

 

Я вроде не очень глупый.Обучаемый.Объясните пожалуйста по пунктам,что и куда нужно добавить.

Спасибо

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

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

но,

 

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

 

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

 

Я вроде не очень глупый.Обучаемый.Объясните пожалуйста по пунктам,что и куда нужно добавить.

Спасибо

В Админке добавляйте в описание, через менеджер картинок.

А что б картинка была адптивной, добавляйте атрибут class="img-responsive"

Правда я вот попробовал, прям при вставке атрибут class не добавляется.

После добавления картинкин нужно в html-редактор нажать кнопку <> (Исходный код) и там добавить class="img-responsive"

 

TinyMceHelper.php

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

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

но,

 

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

 

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

 

Я вроде не очень глупый.Обучаемый.Объясните пожалуйста по пунктам,что и куда нужно добавить.

Спасибо

Вот поправил чуть настройки редактора.

Теперь по умолчанию вставляется img-responsive

Возьмите правленный /app/View/Helper/TinyMCEHelper.php 

и попробуйте снова в админке добавить картинки.

TinyMceHelper.php

Там по умолчанию будет подставляться class="img-responsive" и все вставляемые через html-редактор будут адаптивные.

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

Вот поправил чуть настройки редактора.

За это спасибо

6 часов назад, VaM сказал:

Теперь по умолчанию вставляется img-responsive

Спасибо. Очень хорошо

6 часов назад, VaM сказал:

Возьмите правленный /app/View/Helper/TinyMCEHelper.php 

Как и где его взять? Можно для непонятливых поточнее. 

6 часов назад, VaM сказал:

и попробуйте снова в админке добавить картинки.

А со старыми картинками что делать? Удалять и снова добавлять? 

Или это какая то обновлялка для вам2 и теперь это автоматом подставится у всех картинок?

6 часов назад, VaM сказал:

TinyMceHelper.php

Там по умолчанию будет подставляться class="img-responsive" и все вставляемые через html-редактор будут адаптивные.

Пойму только после того как ответите на вопросы:)

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

А со старыми картинками что делать? Удалять и снова добавлять? 

Старые картинки отредактировать и нажать ok, по идее, добавить class="img-responsive"

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

Открываю "вставить редактировать изображение" и куда вставлять  class="img-responsive" ?

 

Или нужно открывать исходный код и там править? Если исходный код, то куда? 

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

Открываю "вставить редактировать изображение" и куда вставлять  class="img-responsive" ?

 

Или нужно открывать исходный код и там править? Если исходный код, то куда? 

Там в окне уже есть опция Class с выбранным img-responsive

Ничего не надо делать, просто открыть окно и нажать ok

Понятное дело, что нужно файл /app/View/Helper/TinyMceHelper.php обновить, что б появилась опция Class

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

Там в окне уже есть опция Class с выбранным img-responsive

Ничего не надо делать, просто открыть окно и нажать ok

Это понял. Спасибо. Пол пути в дебрях моего незнания пройдено

1 минуту назад, VaM сказал:

Понятное дело, что нужно файл /app/View/Helper/TinyMceHelper.php обновить, что б появилась опция Class

А как обновлять файл? Простите, возможно туплю. Новый для меня вам2. Изучаю только. Где брать файл для обновления и куда в какую папку его залить?

Или нужно в какой то пункт админки вам2 зайти и где то нажать на кнопочку "обновить" и вам2 сам обновит то что вы добавили? 

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

Я ж выше обновлёныый файл прицепил.

Скачиваете и переписываете к себе обновлённый файл.

Как файл обновите, так и появится опция Class

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

Простите, невнимательно читал. Теперь удалил ради прикола старый с сервера, зашел на сайт, и странно, всё работает даже с удаленным TinyMCE. Потом сразу залил ваш обновленный файл. Перепроверил class  img-responsive появился.

Теперь нужно все фотки открыть в "вставить изменить изображение" и закрыть нажав "ок"? 

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

Да.

И затем проверьте, нажмите в редакторе кнопку исходный код <>

Там у картинки должен добавиться class="img-responsive"

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

 img-responsive на сайте появился. Но чаво то не хватает. Картинка все равно растягивается. Автоматом не подстраивается под экран. И вылезает в двух браузерах на стационарном компьютере. 

Всё. Разобрался. Нужно открыть "вставить редактировать изображение". Увидеть  img-responsive. Нажать на него. Откроется как бы выпадающее меню. Выбрать снова в выпадающем меню этот же  img-responsive и нажать "ок". Только после этих действий начинает работать  img-responsive  и картинка подстраивается под размеры сайта. 

Добавился.<br /><br /><img class="img-responsive" src="http

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