Перейти к содержанию

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

Всем привет!

Есть сайт
http://darisovkusom.ru/

На главной странице, где блок Рекомендуемых товаров, хочу растянуть градиентную заливку(background-image) во всю ширину страницы, то есть за пределы container, чтобы было как в шапке. Понятно что весь контент ниже шапки выводится в контейнере .container, с максимальной шириной 1170px. Но может как-то возможно задать для отдельного блока фон, выходящий за пределы блока?
В приложенном скриншоте то, как хочется)

screen.jpg

Поделиться сообщением


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

В таблице стилей /catalog/view/theme/pav_floral/stylesheet/stylesheet.css

.wrapping {
	padding-top: 100px;
	margin-bottom: 50px;
	background: url(/image/bg_pattern_new.png)25% 0% no-repeat,linear-gradient(182deg, #ffc43e, #fcdb45);
	-webkit-animation: AnimationName 30s ease infinite;
	-moz-animation: AnimationName 30s ease infinite;
	animation: AnimationName 30s ease infinite;
	@-webkit-keyframes AnimationName { 0%{background-position: 56% 0%} 50%{background-position:45% 100%} 100%{background-position:56% 0%} } @-moz-keyframes AnimationName { 0%{background-position:56% 0%} 50%{background-position:45% 100%} 100%{background-position:56% 0%} } @keyframes AnimationName { 0%{background-position:56% 0%} 50%{background-position:45% 100%} 100%{background-position:56% 0%} };
}

менем строку background на:

background: url(/image/bg_pattern_new.png),linear-gradient(182deg, #ffc43e, #fcdb45); 

 

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От shyn
      1 699.00 руб
      Скачать/Купить дополнение


      Sela - Премиум шаблон для OpenCart
      Sela - шаблон для OpenCart, обладающий высокой производительностью и отвечающий современным тенденциям в дизайне. Максимальная проработка деталей, а также легкость и скорость загрузки страниц, не оставят равнодушными Ваших клиентов, что позволит вывести Ваш магазин на новый профессиональный уровень.
      Мы позаботились обо всём, предоствавив для Вас только самое необходимое. Ведь когда хромает качество, прибегают к количеству. Основная цель при разработке данного шаблона заключалась в удовлетворении спроса тех покупателей, которые устали от однотипных, безликих предложений перегруженных модулями и давно жаждут по-настоящему свежей, современной, обладающей ярким характером и при этом интуитивно понятной технически темы.
      Получите лучшее и наслаждайтесь выполненым на качественном уровне продуктом!

       
      Шаблон поддерживает OpenCart 2.3.x, OpenCart 3.x, ocStore и OpenCart "Русская сборка" соответствующих версий.
       
      ДЕМО МАГАЗИН
       
      Основные особенности
      - Простая установка
      - Макет занимает всю ширину экрана
      - Адаптивный дизайн
      - Цветовые опции
      - 3-х уровневое меню
      - Боковая панель для поиска и меню пользователя
      - Эффект плавной загрузки страницы
      - Ленивая загрузка и анимация при загрузке изображений
      - Анимированные клики на элементах шаблона
      - Опция защиты от копирования изображений
      - Эффект увеличения для изображения на странице товара
      - Превью для подкатегорий
      - Поддержка мультиязычности
      - Стильные иконки от Google
      - Современные шрифты
      - Bootstrap
      - Фиксированный хедер для категорий
      - Поддержка разных браузеров (Chrome, Firefox, Safari, Opera, Edge)
      - Отличные показатели производительности
      - Оптимизированный и структурированный код
      - Подробная документация
       
      Совместимость
      - OpenCart 3.0.x.x
      - OpenCart 2.3.0.x
      - ocStore 2.3.x
      - OpenCart (Русская сборка) 3.0.x
      - OpenCart (Русская сборка) 2.3.x
       
      Список изменений
      13.11.2018
      - Добавлена возможность вывода изображений для опции "Переключатель"
       
      30.10.2018
      - Исправлено отображение количества на странице корзины (Мобильная версия)
       
      28.09.2018
      - Добавлена опция "Макет фиксированной ширины"
       
      24.09.2018
      - Исправлено отображение модуля "Витрина" при масштабировании страницы в браузере
      - Исправлена ошибка в модуле "Фильтр" (OpenCart 3)
       
      25.07.2018
      - Исправлена недоработка при добавлении товаров в корзину через модули (OpenCart 3)
       
      20.07.2018
      - Существенно улучшен режим просмотра изображений "Всплывающее окно"
      - Центрирование элементов модуля "Карусель" (Мобильная версия)
       
      12.06.2018
      - Исправлено отображение сетки превью подкатегорий при использовании длинных заголовков
       
      08.06.2018
      - Добавлена ссылка "Читать полностью" для краткого описания
      - Исправлено формирование превью подкатегорий (ocStore 2.3)
       
      24.05.2018
      - Улучшено отображение превью подкатегорий
       
      22.05.2018
      - Добавлена опция отображения краткого описания товара
      - Исправлено отображение тегов (OpenCart 3)
      - Исправлено отображение атрибутов (OpenCart 3)
       
      18.04.2018
      - Исправлено отображение кнопок в корзине (мобильная версия)
      - Добавлена иконка социальной сети "Одноклассники"
      - Удалена иконка Skype
       
      Поддержка
      Поддержка осуществляется по электронной почте или через личные сообщения на форуме.
      В поддержку входят ответы на вопросы, обсуждение деталей связанных с шаблоном, обнаружение и устранение ошибок, пожелания в новой функциональности.
      Установка, настройка, изменение функциональности и доработки не входят в поддержку и могут быть предоставлены в качестве дополнительной услуги, за отдельную плату.
       
      Лицензия
      Шаблон продается с лицензией на один сайт, одна покупка = один домен.
      Перепродажа, выкладывание в публичный доступ и прочие действия подобного характера запрещены и являются нарушением авторских прав.
       
      Добавил shyn Добавлено 18.03.2018 Категория Платные шаблоны Системные требования Сайт разработчика http://themefiber.com Старая цена 2199 Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Несовместим  
    • От shyn
      Sela - шаблон для OpenCart, обладающий высокой производительностью и отвечающий современным тенденциям в дизайне. Максимальная проработка деталей, а также легкость и скорость загрузки страниц, не оставят равнодушными Ваших клиентов, что позволит вывести Ваш магазин на новый профессиональный уровень.
      Мы позаботились обо всём, предоствавив для Вас только самое необходимое. Ведь когда хромает качество, прибегают к количеству. Основная цель при разработке данного шаблона заключалась в удовлетворении спроса тех покупателей, которые устали от однотипных, безликих предложений перегруженных модулями и давно жаждут по-настоящему свежей, современной, обладающей ярким характером и при этом интуитивно понятной технически темы.
      Получите лучшее и наслаждайтесь выполненым на качественном уровне продуктом!

       
      Шаблон поддерживает OpenCart 2.3.x, OpenCart 3.x, ocStore и OpenCart "Русская сборка" соответствующих версий.
       
      ДЕМО МАГАЗИН
       
      Основные особенности
      - Простая установка
      - Макет занимает всю ширину экрана
      - Адаптивный дизайн
      - Цветовые опции
      - 3-х уровневое меню
      - Боковая панель для поиска и меню пользователя
      - Эффект плавной загрузки страницы
      - Ленивая загрузка и анимация при загрузке изображений
      - Анимированные клики на элементах шаблона
      - Опция защиты от копирования изображений
      - Эффект увеличения для изображения на странице товара
      - Превью для подкатегорий
      - Поддержка мультиязычности
      - Стильные иконки от Google
      - Современные шрифты
      - Bootstrap
      - Фиксированный хедер для категорий
      - Поддержка разных браузеров (Chrome, Firefox, Safari, Opera, Edge)
      - Отличные показатели производительности
      - Оптимизированный и структурированный код
      - Подробная документация
       
      Совместимость
      - OpenCart 3.0.x.x
      - OpenCart 2.3.0.x
      - ocStore 2.3.x
      - OpenCart (Русская сборка) 3.0.x
      - OpenCart (Русская сборка) 2.3.x
       
      Список изменений
      13.11.2018
      - Добавлена возможность вывода изображений для опции "Переключатель"
       
      30.10.2018
      - Исправлено отображение количества на странице корзины (Мобильная версия)
       
      28.09.2018
      - Добавлена опция "Макет фиксированной ширины"
       
      24.09.2018
      - Исправлено отображение модуля "Витрина" при масштабировании страницы в браузере
      - Исправлена ошибка в модуле "Фильтр" (OpenCart 3)
       
      25.07.2018
      - Исправлена недоработка при добавлении товаров в корзину через модули (OpenCart 3)
       
      20.07.2018
      - Существенно улучшен режим просмотра изображений "Всплывающее окно"
      - Центрирование элементов модуля "Карусель" (Мобильная версия)
       
      12.06.2018
      - Исправлено отображение сетки превью подкатегорий при использовании длинных заголовков
       
      08.06.2018
      - Добавлена ссылка "Читать полностью" для краткого описания
      - Исправлено формирование превью подкатегорий (ocStore 2.3)
       
      24.05.2018
      - Улучшено отображение превью подкатегорий
       
      22.05.2018
      - Добавлена опция отображения краткого описания товара
      - Исправлено отображение тегов (OpenCart 3)
      - Исправлено отображение атрибутов (OpenCart 3)
       
      18.04.2018
      - Исправлено отображение кнопок в корзине (мобильная версия)
      - Добавлена иконка социальной сети "Одноклассники"
      - Удалена иконка Skype
       
      Поддержка
      Поддержка осуществляется по электронной почте или через личные сообщения на форуме.
      В поддержку входят ответы на вопросы, обсуждение деталей связанных с шаблоном, обнаружение и устранение ошибок, пожелания в новой функциональности.
      Установка, настройка, изменение функциональности и доработки не входят в поддержку и могут быть предоставлены в качестве дополнительной услуги, за отдельную плату.
       
      Лицензия
      Шаблон продается с лицензией на один сайт, одна покупка = один домен.
      Перепродажа, выкладывание в публичный доступ и прочие действия подобного характера запрещены и являются нарушением авторских прав.
       
    • От Sha
      949.00 руб
      Скачать/Купить дополнение


      TONIC - Универсальный адаптивный шаблон
      Tonic - адаптивный и универсальный OpenCart шаблон. Данный шаблон это готовый инструмент для начала продаж в интернете. Современный и дружественный дизайн шаблона подойдет для магазинов различных тематик. Благодаря простой и логичной структуре кода, шаблон имеет высокую скорость работы, а модули присутствующие в комплекте шаблона расширят функционал и внешний вид интернет магазина. 
       
      Шаблон тестировался и работает на OpenCart и Ocstore 2.3.х
      При покупке шаблона каждый клиент при необходимости получает бесплатную помощь по настройке и установке! 
       
      DEMO
       

       
      Особенности шаблона
      Адаптивный дизайн Кроссбраузерная совместимость Модуль Расширенные баннеры             Модуль Ajax быстрый поиск            Модуль Витрина      Модуль Главное меню      Модуль Местоположение атрибутов      Модуль Социальные сети           Модуль Цветной статус товара      Модуль Стикеры Мини меню в шапке сайта Дополнительные позиции в макетах схем Пять цветовых схем Вывод кол-ва продуктов в категориях Упрощенная форма заказа Вывод дополнительных атрибутов для продуктов Iframe карта  Изображение в футере Отображение в продукте детальной информации Сокращение имени товаров  
      Технологии и библиотеки:
      html 5; css 3;  Bootstrap 3.3.5;  JQuery 2.1.1; не используется ionecube.  
      Техническая поддержка
      Техническая поддержка доступна пользователям из списка покупателей.
      Обращаясь с просьбой разобраться в проблеме, предоставьте:
      Адрес сайта; Доступ в админ-панель; Доступ на FTP-сервер. По вопросам технической поддержки обращайтесь через:
      Личные сообщения на форуме; Электронный адрес roma78sha@gmail.com Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней. 
       
       
       
      Добавил Sha Добавлено 24.10.2017 Категория Платные шаблоны Системные требования php 5.4 и выше Сайт разработчика r.konotop.info Старая цена 1900 Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Не проверялось  
    • От Sha
      Tonic - адаптивный и универсальный OpenCart шаблон. Данный шаблон это готовый инструмент для начала продаж в интернете. Современный и дружественный дизайн шаблона подойдет для магазинов различных тематик. Благодаря простой и логичной структуре кода, шаблон имеет высокую скорость работы, а модули присутствующие в комплекте шаблона расширят функционал и внешний вид интернет магазина. 
       
      Шаблон тестировался и работает на OpenCart и Ocstore 2.3.х
      При покупке шаблона каждый клиент при необходимости получает бесплатную помощь по настройке и установке! 
       
      DEMO
       

       
      Особенности шаблона
      Адаптивный дизайн Кроссбраузерная совместимость Модуль Расширенные баннеры             Модуль Ajax быстрый поиск            Модуль Витрина      Модуль Главное меню      Модуль Местоположение атрибутов      Модуль Социальные сети           Модуль Цветной статус товара      Модуль Стикеры Мини меню в шапке сайта Дополнительные позиции в макетах схем Пять цветовых схем Вывод кол-ва продуктов в категориях Упрощенная форма заказа Вывод дополнительных атрибутов для продуктов Iframe карта  Изображение в футере Отображение в продукте детальной информации Сокращение имени товаров  
      Технологии и библиотеки:
      html 5; css 3;  Bootstrap 3.3.5;  JQuery 2.1.1; не используется ionecube.  
      Техническая поддержка
      Техническая поддержка доступна пользователям из списка покупателей.
      Обращаясь с просьбой разобраться в проблеме, предоставьте:
      Адрес сайта; Доступ в админ-панель; Доступ на FTP-сервер. По вопросам технической поддержки обращайтесь через:
      Личные сообщения на форуме; Электронный адрес roma78sha@gmail.com Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней. 
       
       
       
    • От Yurta
      1 699.00 руб
      Скачать/Купить дополнение


      Corsica - Адаптивный универсальный шаблон 3в1
      Адаптивный, универсальный шаблон Corsica, 3 варианта на выбор в разной цветовой гамме и ширины контента.  Простая установка и настройка.
      Быстрый  старт в комплекте (Добавляете свои товары и магазин готов к использованию)
       
      Адаптивный, универсальный шаблон Corsica, 3 варианта на выбор в разной цветовой гамме и ширины контента.  Простая установка и настройка. Вы можете устанавливать любые модули на шаблон, с адаптацией под внешний вид помогаю.

      Шаблон Corsica - это универсальное решение для запуска вашего интернет-магазина, профессиональная техническая поддержка от разработчика, простота настройки и установки. С помощью этого шаблона вы с легкостью создадите свой бизнес в интернете. 
       
      Адаптивная сетка шаблона построена на Bootstrap v3.3.7. Код чистый, проверить можно тут
       
      Демо
      1. Blue version
      2. Black version
      3. Yellow
      4. страница категории
      5. Страница товара, опции и доп вкладки
       
      Админ-панель (demo\demo)
       
      Совместимость:
      ocStore 2.3.x
      openCart 2.3.x
      Остальные версии по запросу.
       
      Комплектация:
      1. 3 версии шаблона
      2. Документация (Установка в 2 клика)
      3. Адаптированные модули
       
      Видео установки шаблонов
       
       
      Большинство модулей легко устанавливается и работает, без дополнительных настроек.
       
       
      Модули и модификаторы идущие в комплекте.
       
      Обратный звонок Подписаться на рассылку Модуль блога Модуль любых позиций на главной Заказ в один клик Модуль вывода отзывов о товарах на главной и странице категорий. Изображения для субкатегорий Избранные категории на главной Живой поиск. 100% ширины контента Вывод рейтинга для всех товаров Выбор кол-ва товара (+/-) Карусель для рекомендуемых на главной Карусель для последних поступлений на главной Адаптивный основной слайдер с выводом текста Баннеры с возможностью вывода своего текста Вывод количества товаров в корзине в шапке сайта Сообщение об успешном добавлении в корзину NEW Модуль вы смотрели NEW Дополнительные вкладки для товаров NEW Процент скидки при просмотре листинга товаров NEW Возможность подключения видео, видео обзоров в карточке товара. NEW Боковое 3-х уровня, выпадающее меню  
       
      Скриншоты
       

       
       
      1.Главная blue
       

      2. Главная black

      3. Главная Yellow

      4. Адаптивность

      5. Адаптивное меню
       

       
      6. Листинг товаров

       
      7. Страница товара
       

      8.  Живой поиск

      9. Меню

      10. Корзина
       


      11. Кабинет пользователя

      Дополнительно



       
       
       
       
      Добавил Yurta Добавлено 26.06.2017 Категория Платные шаблоны Системные требования php 5.4 и выше Сайт разработчика Старая цена 2300 Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3  
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.