В версии 1.2 темы proStore изменился дизайн макета.
Тема приобрела классический вид, обзавелась шапкой с контактами, поиском, и дублёром кнопки корзины.
Изначально, после установки темы, а также после обновления темы со сбросом настроек, шапка включена.
Те, кому нравится новый вид темы, могут дальше топик не читать.
Если вам больше нравится вид без шапки, читайте дальше эту инструкцию.
Отключаем шапку
Верхняя панель страниц, горизонтальное меню товаров и сама шапка (между ними) никак не связаны друг с другом. Вы можете отключить только какой-то один элемент или все сразу.
Отключаем верхнюю панель
Чтобы отключить верхнюю панель страниц, нужно снять галочку: Показывать верхнюю панель в шапке
Эта опция находится в секции Верхняя панель шапки.
Отключаем меню товаров в шапке
То же самое можно сделать с меню товаров в шапке: 
Отключаем, наконец, шапку
Сама шапка отключается так же – снятием соответствующей галочки.
Настраиваем главный слайдер
Когда вы отключите шапку, то ваш сайт будет выглядеть примерно так:
В версии 1.2 расположения слайдера можно менять.
По умолчанию он теперь находится над контентом и сайдбаром.
Если вы хотите расположить его на уровне сайдбара, то вам нужно найти настройку: Расположение слайдера
И в ней вместо "Во всю ширину" выбрать "По ширине контента"
Включаем поиск и логины в сайдбаре
Когда вы переключите слайдер в режим отображения по ширине контента, сайт будет выглядеть вот так:
Уже близко к первоначальному варианту дизайна!
Но не хватает поиска. И кнопок логинов.
По умолчанию поиск выключен для сайдбара, т.к. он есть в шапке.
Кстати, эта настройка работает независимо от того, включена шапка или нет.
Даже если шапка будет включена, вы можете продублировать поиск в сайдбаре.
Чтобы включить кнопки поиска и кнопки логинов найдите соответствующие настройки в секции настройки сайдбара.
В результате получаем первоначальный дизайн!
Зафиксировать сайдбар?
Под фиксацией сайдбара я подразумеваю опцию, при включении которой, прокрутки сайдбара и страницы осуществляются независимо друг от друга. Иными словами, когда вы прокручиваете страницу, сайдбар показывается без изменений. Чтобы прокрутить сайдбар нужно навести на него курсор и уже затем прокручивать сайдбар.
В прошлых версиях фиксация сайдбара была включена, начиная с версии 1.2 фиксация сайбара изначально выключена. Чтобы включить фиксацию сайдбара, нужно отметить галочку в той же секции настройки сайдбара.
Зауживаем подвал и нижнюю панель
Так же как и слайдер, подвал с нижней панелью получили новые настройки отображения: во всю ширину или по ширине контента. Теперь изначально подвал с нижней панелью располагаются по всей ширине сайта.
Чтобы из заузить, перейдите в секцию настроек подвала и выберите опцию Отображать подвал: "Под контентом"
Настраиваем нижнюю панель
С расширением подвала и панели появилась возможность отображать названия кнопок в нижней панели.
Также появилась возможность выравнивания кнопок по центру.
В первоначальной версии дизайна кнопки были без названий и выравнены по левому краю.
Идём в секцию настроек нижней панели и отключаем названия для кнопок и ставим выравнивание по левому краю.
Осталось выбрать цветовые схемы!
Я уверен, что среди 60 (!) цветовых схем вы найдёте подходящий своему проекту цвет.
А если ни одна готовая схема вам не подойдёт, вы всегда сможете задать собственный цвет!
4 комментария
А можно ли настроить старую ширину сайта, и старый размер логотипа? Мне раньше так нравилось все...
В мобильной версии тоже размер логотипа хотелось бы крупнее...
Чтобы настроить старую ширину сайта найдите в настройках темы поле: Максимальная ширина сайта и удалите из него значение 1366. Оставьте его пустым.
На счёт логотипа.
Добавьте блок prostore.user_css.
Но в инструкции говориться, что содержимое блока нужно обернуть тегами {literal}...{/literal}
Вам этого делать не нужно, нужно просто вставить код, который я напишу ниже.
Если же у вас уже создан этот блок, и там что-то есть между тегами literal, то код, который я напишу ниже, нужно вставить ПОСЛЕ закрывающего тега {/literal}.
Вот сам код:
{$logo_width = '300px'} .logo_link { padding: 30px 0 15px; } {if $wa_app == 'shop' && $action == 'checkout' && !empty($theme_settings.checkout_hider)} .logo_link img { width: {$logo_width} !important; max-width: {$logo_width} !important; } {else} .logo_link img { width: 100% !important; max-width: 100% !important; } {/if} @media only screen and (max-width: 767px) { .logo_link img { width: {$logo_width} !important; max-width: {$logo_width} !important; } }Цифру 300 в самом начале кода можете заменить на свою более подходящую цифру. Только px не удаляйте.
Это ширина логотипа на мобильных устройствах, а также на странице оформления заказа.
Если будут трудности, присылайте доступы (адрес админки, имя и пароль) на [email protected]