Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Recommended Posts

Уважаемые форумчане подскажите как по умолчанию поставить в поле Element style атрибут height на  auto . Для выравнивания картинок под адаптивный вариант..А то уже везде облазил 

Screenshot_6.jpg

Screenshot_7.jpg

Link to post
Share on other sites

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

h1 span img {height:auto;}

Ахтунг! Этот пример неправильный и только показывает суть, поскольку нужно плясать от какого-то уникального родительского элемента, но у тебя не виден код выше.

 

И, кстати, тебя не смущает 3 тега H1?

Link to post
Share on other sites

17 минут назад, SiteMix сказал:

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

h1 span img {height:auto;}

Ахтунг! Этот пример неправильный и только показывает суть, поскольку нужно плясать от какого-то уникального родительского элемента, но у тебя не виден код выше.

 

И, кстати, тебя не смущает 3 тега H1?

А где его в коде найти можно что бы ничего не подставлялось а по умолчанию было????? 

Что бы попонятнее ...Задача просто адаптировать большие картинки которые не умещаються в окно при мобильной версии сжимались до окна мобильного.

Link to post
Share on other sites

22 минуты назад, SiteMix сказал:

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

h1 span img {height:auto;}

Ахтунг! Этот пример неправильный и только показывает суть, поскольку нужно плясать от какого-то уникального родительского элемента, но у тебя не виден код выше.

 

И, кстати, тебя не смущает 3 тега H1?

 Вот код выше !!!! 

Screenshot_8.jpg

Link to post
Share on other sites

Попробуй так:

#tab-description img {height:auto;}

 

И ещё раз повторю - h1 должен быть один на странице. У тебя их три. И я так подозреваю, где-то есть ещё.

Link to post
Share on other sites

Цитата

Уважаемые форумчане подскажите как по умолчанию поставить в поле Element style атрибут height на  auto . Для выравнивания картинок под адаптивный вариант..А то уже везде облазил 

Там ничего менять не надо. Этот размер вычисляется системой автоматически. У картинок для этого прописаны все стили в стандартном шаблоне.

У вас в category.tpl кто-то конкретно нахомутал. Для начала верните стандартный файл и "пляшите от печки"

Link to post
Share on other sites

В 23.03.2017 в 10:38, jaffagold сказал:

Там ничего менять не надо. Этот размер вычисляется системой автоматически. У картинок для этого прописаны все стили в стандартном шаблоне.

У вас в category.tpl кто-то конкретно нахомутал. Для начала верните стандартный файл и "пляшите от печки"

Можно ли сделать что бы вообще не выводилась в редактор height ???? Просто когда убираю все нормально с картинкой адаптируется а когда галочка стоит на этом параметре или есть он в редакторе то сжимается по бокам...

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By ZibenUA
      Скачать/Купить дополнение Картинки в коментариях
      Модуль картинок в отзывах для Opencart 2.3
       
      Модуль добавляет к штатным отзывам к товарам возможность вложить фотографии приобретенного товара.
      Установка модуля :
          Перейдите в раздел "Дополнения->Установка дополнений" и установите файлы OCMOD из архива;
          Не забудьте обновить кеш модификаций в "Дополнения->Модификации";
      Возможные настройки:
          По умолчанию модуль разрешает добавлять картинки в отзывы как авторизованным покупателям, так и неавторизованным.
          В разделе редактирования настроек магазина можно включить/выключить эту возможность неавторизованным;
      Список поддерживаемых шаблонов:
          - default
          - storeset (бывшая sstore2)
      (будут добавляться по мере адаптации)
       
      Демо: здесь
      Добавил ZibenUA Добавлено 05.04.2018 Категория Меню, дизайн, внешний вид Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Обращение к серверу разработчика Старая цена  
    • By sv2109
      Больше 10 тысяч загрузок модулей от sv2109!
      Это вторая версия модуля, который имеет уже больше 200 покупок!
      Что делает этот модуль?
      Этот модуль значительно упростит процесс добавления картинок для товаров. У вас тысячи товаров? Вы тратите огромное количество времени чтобы найти для каждого товара качественную картинку? Тогда этот модуль для Вас!
      Зачем?
      Это очевидно. В интернет магазине в отличии от реального магазина покупатель не может товар потрогать, примерить, посмотреть с разных сторон итд. Единственно что у него есть - это картинка и текст описание. Описание мало кто читает, а вот на картинку смотрят абсолютно все! Поэтому качественный фото товаров значительно увеличивают конверсию интернет магазина. А быстро найти хорошие картинки для товаров поможет этот модуль.
      Как все работает?
      Создана страница поиска картинок в которой выводятся товары в виде Название, цена, блок с существующими рисунками. Для изменения изображения не нужно отдельно заходить в каждый товар и перемещаться по вкладкам для главного и дополнительных рисунков, все собрано на одной странице. Есть фильтр для товаров по статусу товара, наличию на складе, наличию рисунков (с, без, только главные рисунки), разделу. Под блоком есть форма с полями для поиска картинок для этого товара. Можно искать по модели, названию, артикулу. Значения подставляются из товара, их можно редактировать. Если какое-то поле вам не нужно его можно отключить в настройках. После нажатия на кнопку "Поиск" скрипт обращается к Google API и в отдельном блоке выводит рисунки - результаты поиска. Снизу есть постраничная навигация по результатам текущего поиска. Результат поиска выводится в виде: названия, размера изображения, изображения и кнопки "плюс" для добавления этого изображения в товар. Рисунки можно увеличивать и просматривать с навигацией во всплывающем окне в увеличенном виде. После нажатия на кнопку "плюс" (есть и в результатах поиска и во всплывающем окне) рисунок перемещается в блок с рисунками товара. При наведении мышки на рисунок в блоке товаров появляются 2 кнопки "сделать этот рисунок главным" и "Удалить" (можно отменить для уже загруженных рисунков) После нажатия на кнопку "Сохранить" скрипт загружает все рисунки на сервер и добавляет их к товарам. Желательно не загружать за один раз много рисунков (напр. больше 100) потому что скрипт может не успеть за установленное на сервере время выполнения скрипта загрузить все рисунки. Возможности поиска картинок:
      можно искать на конкретном сайте, прописать его в настройках, тогда поиск будет осуществляться только по этому сайту. безопасный поиск. Можно включить фильтр по изображению и по описанию. можно указать размер изображения - маленькие, средние, большие, очень большие. цветность - цветные, ч/б. цветовой фильтр по цветах - черный, синий, зеленый итд. тип файла - jpg, png, gif, bmp тип рисунка - лица, фото, клипарт итд Новое в версии 3.0 PRO:
      Добавлена поддержка OpenCart 3.0 Модуль переписан под архитектуру OpenCart 3.0, добавлена возможность установки через установщик дополнений Добавлена возможность ручного выбора ключа Google API прямо на странице поиска Улучшен поиск изображений, теперь отображается меньше ошибок при поиске изображений Улучшена загрузка изображений, теперь модуль определяет тип изображения не только по расширению, но и по exif, это позволило загружать изображения без расширений Добавлен фильтр по конкретному товару. Товар можно найти по идентификатору, модели, SKU, названию Улучшены фильтры, фильтр по наличию считает фактическое наличие товара на складе, а не его статус отсутствия Улучшена постраничная навигация по изображениям Улучшена работа с окном просмотра, добавлены ограничения по размеру экрана, чтобы большие изображения не открывались больше  размера экрана, добавлена возможность просмотра изображений без расширений Улучшен дизайн модуля Много мелких улучшений по дизайну и коду Новое в версии 2.1 PRO:
      Новое API для поиска картинок, так как Google отменил поддержку старого API по которому работал модуль. Добавление картинки по прямой ссылке Возможность задавать картинку-заглушку, которую фильтр будет считать как "нет картинки", в некоторых магазинах используется Возможность называть картинки по шаблону, есть несколько шаблонов:
      - уникальный md5 код
      - название товара
      - модель товара Транслитерация для шаблона имени картинки. Вместо "Ноутбук Apple" будет "Noutbuk_Apple.jpg" Опция CURL followlocation вынесена в настройки. Возможность работать с несколькими ключами Google API Особенности нового API поиска:
      Новое API имеет свои преимущества:
      - это API актуальное, не устаревшее, как старое API
      - можно получать больше информации о найденных картинках, напр. размер картинки, ссылку на страницу на которой находится эта картинка итд.
      - появилась возможность просматривать все найденные картинки, а не только 10 первых страниц.
      Но в новом API есть и свои недостатки - появилось ограничение в 100 запросов в день на один API ключ.
      Обойти ограничение можно 2-мя способами:
      Официальный. Google предлагает купить дополнительно 1000 запросов за 5$ Полуофициальный. Так как API ключ привязывается к отдельному проекту, то можно создать несколько проектов и создать ключ для каждого. Если у вас закончился лимит одного ключа просто добавьте другой, для которого еще не достигнут лимит. Таким образом если нужно 200 запросов в день - создаем 2 ключа, 300 - 3 итд. Совместимость:
      OpenCart 3.0
      OpenCart 2.0.x, 2.1.x, 2.2.x, 2.3
      OpenCart 1.5.x (2 версия модуля)
      Модуль использует IonCube, обычно на 99% хостингов он установлен но на всякий случай можете проверить.
      Одна лицензия модуля позволяет установить этот модуль на 1 домене
      Демо:
      OpenCart 2.3
      Админка, страница настроек модуля
      Админка, страница поиска картинок
      OpenCart 1.5 (2 версия модуля)
      Админка, страница настроек модуля
      Админка, страница поиска картинок
       
       
      Обновление с версии 2 на версию 3:
      Обновление платное, стоимость обновления составляет 250 рублей. 
      Для связи с автором модуля пишите в ЛС на форуме или на почту [email protected]
       
      © Стасюк Владимир (sv2109.com), 2018
    • By sv2109
      799
      Скачать/Купить дополнение


      Поиск картинок для товаров используя Google PRO
      Больше 10 тысяч загрузок модулей от sv2109!
      Это вторая версия модуля, который имеет уже больше 200 покупок!
      Что делает этот модуль?
      Этот модуль значительно упростит процесс добавления картинок для товаров. У вас тысячи товаров? Вы тратите огромное количество времени чтобы найти для каждого товара качественную картинку? Тогда этот модуль для Вас!
      Зачем?
      Это очевидно. В интернет магазине в отличии от реального магазина покупатель не может товар потрогать, примерить, посмотреть с разных сторон итд. Единственно что у него есть - это картинка и текст описание. Описание мало кто читает, а вот на картинку смотрят абсолютно все! Поэтому качественный фото товаров значительно увеличивают конверсию интернет магазина. А быстро найти хорошие картинки для товаров поможет этот модуль.
      Как все работает?
      Создана страница поиска картинок в которой выводятся товары в виде Название, цена, блок с существующими рисунками. Для изменения изображения не нужно отдельно заходить в каждый товар и перемещаться по вкладкам для главного и дополнительных рисунков, все собрано на одной странице. Есть фильтр для товаров по статусу товара, наличию на складе, наличию рисунков (с, без, только главные рисунки), разделу. Под блоком есть форма с полями для поиска картинок для этого товара. Можно искать по модели, названию, артикулу. Значения подставляются из товара, их можно редактировать. Если какое-то поле вам не нужно его можно отключить в настройках. После нажатия на кнопку "Поиск" скрипт обращается к Google API и в отдельном блоке выводит рисунки - результаты поиска. Снизу есть постраничная навигация по результатам текущего поиска. Результат поиска выводится в виде: названия, размера изображения, изображения и кнопки "плюс" для добавления этого изображения в товар. Рисунки можно увеличивать и просматривать с навигацией во всплывающем окне в увеличенном виде. После нажатия на кнопку "плюс" (есть и в результатах поиска и во всплывающем окне) рисунок перемещается в блок с рисунками товара. При наведении мышки на рисунок в блоке товаров появляются 2 кнопки "сделать этот рисунок главным" и "Удалить" (можно отменить для уже загруженных рисунков) После нажатия на кнопку "Сохранить" скрипт загружает все рисунки на сервер и добавляет их к товарам. Желательно не загружать за один раз много рисунков (напр. больше 100) потому что скрипт может не успеть за установленное на сервере время выполнения скрипта загрузить все рисунки. Возможности поиска картинок:
      можно искать на конкретном сайте, прописать его в настройках, тогда поиск будет осуществляться только по этому сайту. безопасный поиск. Можно включить фильтр по изображению и по описанию. можно указать размер изображения - маленькие, средние, большие, очень большие. цветность - цветные, ч/б. цветовой фильтр по цветах - черный, синий, зеленый итд. тип файла - jpg, png, gif, bmp тип рисунка - лица, фото, клипарт итд Новое в версии 3.0 PRO:
      Добавлена поддержка OpenCart 3.0 Модуль переписан под архитектуру OpenCart 3.0, добавлена возможность установки через установщик дополнений Добавлена возможность ручного выбора ключа Google API прямо на странице поиска Улучшен поиск изображений, теперь отображается меньше ошибок при поиске изображений Улучшена загрузка изображений, теперь модуль определяет тип изображения не только по расширению, но и по exif, это позволило загружать изображения без расширений Добавлен фильтр по конкретному товару. Товар можно найти по идентификатору, модели, SKU, названию Улучшены фильтры, фильтр по наличию считает фактическое наличие товара на складе, а не его статус отсутствия Улучшена постраничная навигация по изображениям Улучшена работа с окном просмотра, добавлены ограничения по размеру экрана, чтобы большие изображения не открывались больше  размера экрана, добавлена возможность просмотра изображений без расширений Улучшен дизайн модуля Много мелких улучшений по дизайну и коду Новое в версии 2.1 PRO:
      Новое API для поиска картинок, так как Google отменил поддержку старого API по которому работал модуль. Добавление картинки по прямой ссылке Возможность задавать картинку-заглушку, которую фильтр будет считать как "нет картинки", в некоторых магазинах используется Возможность называть картинки по шаблону, есть несколько шаблонов:
      - уникальный md5 код
      - название товара
      - модель товара Транслитерация для шаблона имени картинки. Вместо "Ноутбук Apple" будет "Noutbuk_Apple.jpg" Опция CURL followlocation вынесена в настройки. Возможность работать с несколькими ключами Google API Особенности нового API поиска:
      Новое API имеет свои преимущества:
      - это API актуальное, не устаревшее, как старое API
      - можно получать больше информации о найденных картинках, напр. размер картинки, ссылку на страницу на которой находится эта картинка итд.
      - появилась возможность просматривать все найденные картинки, а не только 10 первых страниц.
      Но в новом API есть и свои недостатки - появилось ограничение в 100 запросов в день на один API ключ.
      Обойти ограничение можно 2-мя способами:
      Официальный. Google предлагает купить дополнительно 1000 запросов за 5$ Полуофициальный. Так как API ключ привязывается к отдельному проекту, то можно создать несколько проектов и создать ключ для каждого. Если у вас закончился лимит одного ключа просто добавьте другой, для которого еще не достигнут лимит. Таким образом если нужно 200 запросов в день - создаем 2 ключа, 300 - 3 итд. Совместимость:
      OpenCart 3.0
      OpenCart 2.0.x, 2.1.x, 2.2.x, 2.3
      OpenCart 1.5.x (2 версия модуля)
      Модуль использует IonCube, обычно на 99% хостингов он установлен но на всякий случай можете проверить.
      Одна лицензия модуля позволяет установить этот модуль на 1 домене
      Демо:
      OpenCart 2.3
      Админка, страница настроек модуля
      Админка, страница поиска картинок
      OpenCart 1.5 (2 версия модуля)
      Админка, страница настроек модуля
      Админка, страница поиска картинок
       
       
      Обновление с версии 2 на версию 3:
      Обновление платное, стоимость обновления составляет 250 рублей. 
      Для связи с автором модуля пишите в ЛС на форуме или на почту [email protected]
       
      © Стасюк Владимир (sv2109.com), 2018
      Добавил sv2109 Добавлено 09.12.2015 Категория Поиск Системные требования Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Нет Старая цена 0  
    • By LIAL
      Скачать/Купить дополнение


      Очистка кэша для OC 1.5.6.x
      Очистка кэша для Opencart 1.5.6.x
      Локализация: Русский, Английский
      Очистка кеша: Системный, Vqmod, mods.cache, кэш изображений.
      Директории проходит рекурсивно, удаляя затем пустые.
      НЕ удаляет файлы: index.*, .gitignore, .htaccess, .hgignore
      Для установки скопируйте корень папки upload в корень сайта, далее в панели администратора дайте права для доступа и изменения к модулю cache/cleaner.
      Очистка кэша находится в меню Администратора -> Система -> Очистка кэша
      Добавил LIAL Добавлено 11.09.2015 Категория Кэширование, сжатие, ускорение  
    • By bulldozer323
      Скачать/Купить дополнение


      DEFAULT-X Тема - Черная - Флюент дизайн
      DEFAULT-X THEME
      Эта тема выполненная в Fluent Design стиле. Она имеет современный дизайн с минимальными изменениями основной структуры Opencart шаблона. Стили переработаны и оптимизированы для устройств с медленным интернет-соединением, а так же адаптированы под все виды устройств и экранов.
       
      Никаких проблем с установкой! Достаточно установить один файл через диспетчер установок и всё! Тема не затрагивает никакие штатные файлы системы, все изменения связанные с движком применяются через модификатор.
       
      Меню темы имеет обширный функционал, в главном меню находятся кнопки с категориями продуктов, корзиной, контактами и другими необходимыми функциями. На маленьких экранах меню выполнено в стиле бокового слайдера с заглавной кнопкой.
       
      Тема полностью адаптирована под все основные современные браузеры последних версий, такие как — Google Chrome, Firefox, Opera, Safari.
       
      Код темы чистый и гибкий, он не закодирован и готов к необходимым для вас изменениям.
       
      Демо сайта
      Демо админ (Логин: demo / Пароль: demo)
       
      Главные отличия темы:
      Новое, структурированное меню; Адаптивный слайдер на главной странице с возможностью добавления текста и кнопок; Google карты на главной странице и странице контактов; Модуль обратного звонка; Слайдер фотографий на странице товара; Новый виджет социальных кнопок.
      Инструкция по установке 2.3.0.2:
      Распакуйте в папку с сайтом содержимое папки upload; Перейдите в дополнения => установка дополнений; Установите install.ocmod.xml из архива; Перейдите в дополнения => менеджер дополнений; Обновите модификаторы; Перейдите в дополнения => дополнения  => темы; Установите тему и настройте её; Перейдите в настройки магазина и выберите тему; Чтобы активировать модуль обратного звонка перейдите дополнения=> дополнения => модули; Установите и настройте модуль.
      Инструкция по установке 3.0.2.0:
      Перейдите в дополнения => установка дополнений; Установите архив с темой; Перейдите в дополнения => менеджер дополнений; Обновите модификаторы; Перейдите в дополнения => дополнения  => темы; Установите тему и настройте её; Перейдите в настройки магазина и выберите тему; Чтобы активировать модуль обратного звонка перейдите дополнения=> дополнения => модули; Установите и настройте модуль.  
      Тема распространяется бесплатно, поддержка не осуществляется. Если у вас есть пожелания или предложения пишите на почту [email protected]
      Если вы хотите отблагодарить разработчика, это можно сделать на Яндекс Кошелек: 410015066968545 либо по ссылке
      Добавил bulldozer323 Добавлено 04.10.2018 Категория Бесплатные шаблоны Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3 ocStore 2.3 OpenCart.Pro, ocShop Обращение к серверу разработчика Старая цена  
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.