Jump to content

Recommended Posts

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

Screenshot_6.jpg

Screenshot_7.jpg

Share this post


Link to post
Share on other sites

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

h1 span img {height:auto;}

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

 

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

Share this post


Link to post
Share on other sites
17 минут назад, SiteMix сказал:

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

h1 span img {height:auto;}

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

 

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

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

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

Share this post


Link to post
Share on other sites
22 минуты назад, SiteMix сказал:

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

h1 span img {height:auto;}

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

 

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

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

Screenshot_8.jpg

Share this post


Link to post
Share on other sites

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

#tab-description img {height:auto;}

 

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

Share this post


Link to post
Share on other sites
Цитата

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

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

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

Share this post


Link to post
Share on other sites
В 23.03.2017 в 10:38, jaffagold сказал:

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

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By Nymphetamine
      Особенности:
      Настраиваемая адаптивность товаров. Настраиваемое отображение. Возможность выбора версии скрипта (owl1/owl2). Возможность задавать стиль шаблона. Поддержка сенсорных событий (свайп-жесты). Поддержка слайд событий мышью.
      * Весь функционал настраиваться из админ. панели.
      * Простой в установке.
       
      Демо:
      Демо с товаром Админка - логин и пароль: demo  
       
    • By Nymphetamine
      650.00 руб
      Скачать/Купить дополнение


      OWL Карусель Изображений

       
      Особенности:
      Настраиваемая адаптивность товаров. Настраиваемое отображение. Возможность выбора версии скрипта (owl1/owl2). Возможность задавать стиль шаблона. Поддержка сенсорных событий (свайп-жесты). Поддержка слайд событий мышью.
      * Весь функционал настраиваться из админ. панели.
      * Простой в установке.
       
      Демо:
      Демо с товаром Админка - логин и пароль: demo  
       
      Добавил Nymphetamine Добавлено 02.04.2017 Категория Слайдшоу, баннеры, галереи Системные требования Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Да Старая цена 0  
    • By legioner26
      Разработан модификатор который позволяет склеивать изображения из одиночных картинок прямо из менеджера изображений в админ панели, с автоматическим добавлением. Регистронезависимость расширений файлов (jpg - JPG, png - PNG, jpeg - JPEG).
      После склеивания создается новая картинка имя которой состоит из (имя1-ой_имя2-ой.jpeg)
       
      Установка:
      Устанавливаете модификатор через "Установка расширений", далее в модификаторах чистим кешь и обновляем.
      ИНСТРУКЦИЯ во вложении
       
       
    • By legioner26
      2 700.00 руб
      Скачать/Купить дополнение


      Конструктор (склеивание) картинок из менеджера изображений
      Разработан модификатор который позволяет склеивать изображения из одиночных картинок прямо из менеджера изображений в админ панели, с автоматическим добавлением. Регистронезависимость расширений файлов (jpg - JPG, png - PNG, jpeg - JPEG).
      После склеивания создается новая картинка имя которой состоит из (имя1-ой_имя2-ой.jpeg)
       
      Установка:
      Устанавливаете модификатор через "Установка расширений", далее в модификаторах чистим кешь и обновляем.
      ИНСТРУКЦИЯ во вложении
       
       
      Добавил legioner26 Добавлено 23.01.2018 Категория Инструменты, утилиты Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 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.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 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 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Нет Старая цена 0  
    • By Maximirk
      CUSTSHOP - универсальный шаблон, который подойдет для любого типа товаров. После простой установки шаблона, у Вас будет готовый к работе интернет-магазин со всеми настройками и необходимыми модулями, остается только добавить товары. Для управления шаблоном используется единый модуль, в котором более 500 различных настроек. Совместим с Opencart 2.3.x / 3.0.x и OcStore 2.3.x / 3.0.x   Демо (версия Opencart 2.3): https://custshop.ru/ - главная страница https://custshop.ru/byitovaya-tehnika-i-elektronika/ - страница категории https://custshop.ru/televizor-bq-32s01b-32 - страница товара   Демо админки: https://custshop.ru/admin/ логин: demo пароль: demo  

        Список дополнительного функционала: 1. Модуль управления шаблоном, более 500 различных настроек. Цвета всех основных элементов, размер шрифтов, иконки, меню и многое другое. 2. Гибкая настройка сетки товаров, по 2,3,4,6 карточки в строку, для каждого из 4-х размеров экрана. 3. Возможность вывести атрибуты, опции, дополнительную информацию для карточек товаров в каталоге и модулях. 4. Эффект всплытия(hover) карточки в каталоге, с возможностью скрыть/показать любой элемент. 5. Покупка товаров с опциями прямо в каталогах и модулях. 6. Дополнительные изображения для товаров в каталогах и модулях, можно выбрать максимальное количество. 7. Стикеры, основные и дополнительные на основе атрибутов. 8. Всплывающая корзина после покупки товаров. 9. Быстрый просмотр товаров 10. Быстрый заказ 11. Заказ звонка 12. Всплывающее окно 13. Кнопка "Наверх" 14. Улучшенные всплывающие уведомления 15. Модуль с товарами, на выбор 2 вида отображения (сетка или карусель) и 6 видов выборки товаров (Популярные, Новинки, Акции, Хиты продаж, Недавно просмотренные, Рекомендуемые, Из категории с выбором нужной категории). Возможность гибко настроить карусель товаров. 16. Поддержка мультиязычности и мультимагазинов. 17. Минификация CSS и Javascript файлов, с объединением их в один файл. 18. Конвертация изображений в формат WEBP, при сохранении в кэш. 19. Возможность заменить переменные цветов и размеры шрифтов для bootstrap из модуля управления шаблоном. 20. Гибкая настройка всех элементов в верхней панели, шапке и подвале. 21. Настройка страницы Каталог - подкатегории, описание, панель сортировки 22. Настройка страницы Товар - вывод кратких характеристик, описания, дополнительной информации, соц.кнопок и другое 23. Настройка страницы Контакты - дополнительные контакты, карта 24. Микроразметка   Другие особенности шаблона: 1. При установке сохраняются все настройки, как на сайте примере  https://custshop.ru/ , остается только добавить Ваши товары. 2. Показатели PageSpeed Insights - 90-100 баллов, в зависимости от нагрузки на хостинг. Можно проверить тестовый сайт - https://custshop.ru/ 3. Не используется IonCube Loader 4. После покупки необходимо написать в личные сообщения или на почту [email protected] для получения ключа лицензии. 5. Лицензия выдается на 1 домен 6. Успешная валидация по стандартам HTML5, проверочный сервис -  https://validator.w3.org/nu/ 7. Документация к шаблону -  https://custshop.ru/docs/ 8. Текст лицензии -  https://custshop.ru/license/ 9. Скидки на повторные покупки от 20%   Совместимость: Пока нет сторонних модулей, для которых сделана адаптация. Но для популярных модулей, на мое усмотрение, будет сделана бесплатно по вашему запросу   Техподдержка: Осуществляется через личные сообщения на форуме или по электронной почте [email protected]
  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.