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

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

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

Здравствуйте, подскажите пожалуйста рабочий модуль на 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

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

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


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

Получилось. спасибо. и спасибо за где копать

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


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

@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 пользователей онлайн

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

×

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

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