Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Модуль для создания различных фонов страниц


magdek

Recommended Posts

Здравствуйте, подскажите пожалуйста рабочий модуль на opencart 2.3 шаблон unishop при помощи которого можно было бы задавать различных фон для страниц, нашел один бесплатный но после установки и выбора страниц в админке вылазить такая ошибка " Notice: Undefined index: id in /home/d/-/-/public_html/admin/controller/extension/module/custompagebackground.php on line 93" в ТП модуля молчание. Заранее спасибо.

Надіслати
Поділитися на інших сайтах


А зачем вам модуль для совершения элементарных действий?

Фон страницы, например,- это вот такая запись в файле стилей

body {

background: и тут цвет или ссылка на картинку;

}

Теперь посмотрите, какой класс у тега body на разных страницах сайта.

Используйте класс в качестве селектора.

Теперь вы сможете задать индивидуальный фон для любой страницы сайта, а также для элементов внутри этой страницы.

 

Полезные ссылки:

http://htmlbook.ru/css

http://htmlbook.ru/css/selector/descendant

http://htmlbook.ru/css/selector/attr3 

Змінено користувачем jaffagold
  • +1 1
Надіслати
Поділитися на інших сайтах


1 час назад, jaffagold сказал:

А зачем вам модуль для совершения элементарных действий?

Фон страницы, например,- это вот такая запись в файле стилей

body {

background: и тут цвет или ссылка на картинку;

}

Теперь посмотрите, какой класс у тега body на разных страницах сайта.

Используйте класс в качестве селектора.

Теперь вы сможете задать индивидуальный фон для любой страницы сайта, а также для элементов внутри этой страницы.

 

Полезные ссылки:

http://htmlbook.ru/css

http://htmlbook.ru/css/selector/descendant

http://htmlbook.ru/css/selector/attr3 

Спасибо за совет, попробую, но честно говоря я еще не настолько силен в этих "дебрях", боюсь нокосячить, поэтому и хотел решить проблему установка модуля. И еще при обновлении шаблона эти изменения опять придется вносить вручную.

Надіслати
Поділитися на інших сайтах


@jaffagold посмотрите пожалуйста примерно так:

 

.product-category-106_108 {
    background-image: url("/image/catalog/backgrounds/fon.jpg") ;
background-size: auto;
background-repeat: repeat;
}

 


 И еще если нужно сделать это же фоновое изображение для других страниц то такой код нужно просто для каждой страницы прописать или можно как-то сделать задав может какие-то начальные параметры отталкиваясь от родительский категории. Заранее спасибо.

Змінено користувачем magdek
Надіслати
Поділитися на інших сайтах


8 часов назад, jaffagold сказал:

http://htmlbook.ru/css/selector/attr3 

класс тега = его атрибут

Подскажите я правильно понял что если это родительская категория .product-category-106 то задавая такие параметры [.product-category-106] все остальные подкатегории .product-category-106_108 и .product-category-106_108_55 также попадают под данный код css.

 

Если не трудно объясните пожалуйста "чайнику" как его использовать в моем случае и поможет ли это избежать такого длинного кода. Заранее спасибо.

Змінено користувачем magdek
Надіслати
Поділитися на інших сайтах


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

в тексте страницы у нас,  допустим:

<body class="product-category-106_108"

в стилях вместо привычного селектора по классу

.product-category-106_108, .product-category-106_109, .product-category-106_120 {

    тут стили для перечисленных страниц

} /* простое перечисление разных страниц и стили для них*/

 

пишем

 

body[class^="product-category-106"] {

  тут ваши стили

}

^- указывает на то, что класс начинается с product-category-106

Змінено користувачем jaffagold
  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

в тексте страницы у нас,  допустим:

<body class="product-category-106_108"

в стилях вместо привычного селектора по классу

.product-category-106_108, .product-category-106_109, .product-category-106_120 {

    тут стили для перечисленных страниц

} /* простое перечисление разных страниц и стили для них*/

 

пишем

 

body[class^="product-category-106"] {

  тут ваши стили

}

^- указывает на то, что класс начинается с product-category-106

Огромнейшее спасибо за помощь, реально все получилось. Еще раз премного благодарен. Удачи.

Надіслати
Поділитися на інших сайтах


  • 6 months later...
  • 1 month later...

@jaffagold Приветствую снова нужен Ваш совет как правильно сделать, нужно в некоторых категориях скрыть опции товара прописываю в стилях по указанному примеру таким вот образом:

 

body[class^="product-category-106"] {
label {
    display: none;
}

 

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

Надіслати
Поділитися на інших сайтах


у вас фигурная скобка одна лишняя.

 

body[class^="product-category-106"] label {
    display: none;
}

 

Не забывайте после внесения изменений:

1) обновлять модификаторы

2) перезагрузить страницу браузера с очисткой кеша ( Ctrl+F5)

Но, когда у вас сработает этот стиль может выясниться, что также скрылись чекбоксы в фильтре и еще где-то.

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

body[class^="product-category-106"] .caption label {
    display: none;
}

 

 

Змінено користувачем jaffagold
  • +1 1
Надіслати
Поділитися на інших сайтах


7 часов назад, jaffagold сказал:

у вас фигурная скобка одна лишняя.

 

body[class^="product-category-106"] label {
    display: none;
}

 

Не забывайте после внесения изменений:

1) обновлять модификаторы

2) перезагрузить страницу браузера с очисткой кеша ( Ctrl+F5)

Но, когда у вас сработает этот стиль может выясниться, что также скрылись чекбоксы в фильтре и еще где-то.

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

body[class^="product-category-106"] .caption label {
    display: none;
}

 

 

Спасибо огромное, буду пробовать.

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.