Начать новую тему

изменить тему/дизайн для отдельной страницы

 Здравствуйте!

Подскажите пожалуйста, как можно изменить тему (или хотя бы элементы дизайна) только для определенных страниц? Например, общий дизайн сайта темный, но страницы с текстовым содержанием хотелось бы сделать в том же стиле, но в других цветах, со светлым фоном, чтобы чтение было удобным для посетителей и напрягало глаза. Каким образом это можно реализовать?

Здравствуйте! Экспериментирую с фоном страницы. Прочитала предыдущие сообщения и сделала все, как вы рекомендовали (создала макет, привязала страницы, прописала класс). Получилось, что фон лег только на ту часть страницы, где находится текст. Хотелось бы, чтобы он ложился на всю страницу целиком, включая шапку сайта. Возможно ли сделать так? Может быть, нужно создать новую конфигурацию для остальных панелей страницы (верхняя, заголовок и тд) и прописать класс в них?

Здравствуйте!


Фон сайта легко меняется с помощью редактора тем. Для этого перейдите на страницу Дизайн > Темы > Редактировать дизайн. После чего в списке Редактировать редактора тем выберите Фон. В этой секции вы можете выбрать любой фон для шапки сайта. Взгляните на снимок экрана.


Спасибо.

Нет, вы меня не поняли, наверное. Я пытаюсь поменять фон отдельных страниц, почему и написала в этой теме. Страницы каталога товаров должны оставаться белыми, а страницы с текстами хотелось бы сделать с другим фоном. В частности, хотелось бы наложить фотографию в качестве фона. Серый - это эксперимент, но он не совсем удался, поскольку фон покрыл не всю страницу, а только текст.

Здравствуйте.


В этом случае рекомендуем добавить необходимые стили в секцию HEAD страницы:

  1. В панели администратора магазина перейдите на страницу Дизайн > Макеты > [Страница макета].
  2. Нажмите на иконку шестеренки рядом с заголовком страницы макета.
  3. Через тег style добавьте нужные правила для страницы. Например, 
<style>
body .ty-tygh {
background: red;
}
</style>


Спасибо.

Спасибо! Получилось! Я поняла, как надо. Только в шапке тоже хотелось бы, где логотип, поменять фон. Это возможно?

И еще вопрос: вместо цвета будет изображение. Подскажите, пожалуйста, как прописать путь? Сначала загрузить картинку в пользовательские файлы? url {.....а дальше???} 

> Спасибо! Получилось! Я поняла, как надо. Только в шапке тоже хотелось бы, где логотип, поменять фон. Это возможно?


В этом случае вам необходимо изменить селектор для добавляемого правила.


> И еще вопрос: вместо цвета будет изображение. Подскажите, пожалуйста, как прописать путь? Сначала загрузить картинку в пользовательские файлы? url {.....а дальше???} 

  1. В администраторской части магазина перейдите на страницу Администрирование > Файлы.
  2. Загрузите файл в раздел Пользовательские файлы.
  3. Нажмите на изображение правой кнопкой мыши для открытия контекстного меню и выберите Свойcтва
  4. Скопируйте URL из секции Ссылка. Этот URL вы можете использовать для доступа к файлу.
Спасибо.

Не подскажете, на что заменить селектор? Мои знания CSS весьма поверхностные, к сожалению. Могу только самое простое. А насчет файлов поняла, спасибо, сделаю! 

что-нибудь из этого решения в моем случае применимо? http://htmlbook.ru/faq/kak-rastyanut-fon-na-vsyu-shirinu-okna

> Не подскажете, на что заменить селектор? Мои знания CSS весьма поверхностные, к сожалению. Могу только самое простое. А насчет файлов поняла, спасибо, сделаю! 


Для изменения фона шапки можно использовать селекторы .header-grid и .tygh-header


Для того чтобы найти информацию по используемому классу, а также определить, какой именно класс используется для определенного элемента, вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить.


Подробнее об использовании данного инструмента в браузерах Google Chrome и Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


> что-нибудь из этого решения в моем случае применимо? http://htmlbook.ru/faq/kak-rastyanut-fon-na-vsyu-shirinu-okna


Если вы добавите изображение для селектора body как мы указывали ранее, оно будет отображаться на всю ширину экрана.


Спасибо.

Спасибо! Попробую разобраться с этим!

Мы были рады помочь.

Здравствуйте! Прописываю путь картинки в фон, как вы рекомендовали, но почему-то в body стиль не отображается. Когда меняю на цвет, получается, а картинка - нет. Путь скопировала в "ссылке".

Здравствуйте!


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


Спасибо.

Страница макета "Дайвинг в Анапе".


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