Ted Posted December 4, 2011 Share Posted December 4, 2011 Здравствуйте! Может ли кто-нибудь на человеческом языке объяснить как изменить ширину верхнего лого? (v 1.4) Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 4, 2011 Share Posted December 4, 2011 Поменять можно в главной таблице стилей — themes > prestashop > css > global.css. Там поиском по странице (вызывается нажатием Ctrl + f/а) по слову logo быстро найдёте то, что нужно. Только, увеличенный в ширину логотип потеснит правую колонку шапки (хедера) и вызовет лёгкую «перетасовку» расположенных там блоков. Придётся их тоже править. Задача, однако, упрощается, если у Вас магазин не мультиязычный. Тогда блоки выбора языка и валюты в шапке Вам вовсе не нужны. Отключите их — можете, даже, очень большой логотип поставить. Link to comment Share on other sites More sharing options...
Ted Posted December 4, 2011 Author Share Posted December 4, 2011 Спасибо Вам большое, Дмитрий! Все понял. А можете коротко объяснить, по какому принципу там эта ширина вычисляется? Да, Вы правы, добавил в css (width:) - лого стал таким как надо, а банер на правой стороне сжался. Может где-то есть какая-то настройка которая управляет этим сочетанием? Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 4, 2011 Share Posted December 4, 2011 Вот, я и пишу, что придётся правую колонку шапки и блоки в ней тоже редактировать. Но чтобы конкретно что-то посоветовать, мне нужно знать, какова теперь ширина логотипа, нужны ли Вам выбор языка и валюты... Остаются ещё: постоянные ссылки, поиск и учётные данные пользователя. Поиск и учётные данные не трогаем, а остальное — всё поддаётся ужатию или сокращению. Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 4, 2011 Share Posted December 4, 2011 Ох, про баннер пропустил. У Вас какой шаблон? Alt 2? Лучше бы мне на Ваш сайт глянуть. Если не хотите выкладывать ссылку здесь, можете мне в личку. Link to comment Share on other sites More sharing options...
Ted Posted December 4, 2011 Author Share Posted December 4, 2011 Спасибо за ответы! Да, шаблон Alt 2, а вот посмотреть к сожалению нет как, так как на локалхосте все подбираю )) В header.tpl есть такая строка <img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} /> вот если понять от куда ПС берет (или рассчитывает) ширину логотипа, можно было бы его откорректировать без побочных эффектов ))) Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 4, 2011 Share Posted December 4, 2011 «Побочные эффекты» зависят не от Вашего понимания, откуда что берётся, а от простого «входит-не входит». Если логотип так велик, что не втискивается в отведённое ему место, при чём тут Ваше понимание? ПШ, разумеется, берёт, а не рассчитывает, ширину логотипа — как и любого другого загружаемого изображения — в конкретном указании на размер в таблице стилей. Написали в таблице 300 пикселов, 300 и будет. Даже, если загруженное изображение имеет ширину 200. В этом случает оно, просто, растянется с потерей качества. Про «расчитать». Это можно. С тем, чтобы заранее узнать, какой эффект получится. Только, избежать эффекта расчёт не поможет. Под «эффектом» мы понимаем изменение размера и, соответственно, расположения правой колонки в шапке? И что Вы думаете? Положим, логотип занимает 25% ширины шапки, правая колонка — остальные 75%. Вы увеличиваете ширину логотипа до 35 и хотите, чтобы правой колонке по-прежнему оставались её 75? Ей остаётся 65. И чтобы расположить в 65 то, что раньше помещалось в 75, по-любому придётся заняться подгонкой содержимого правой колонки. Я говорил, что-то ужать, что-то сократить. По части ужатия способов много разных. Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 4, 2011 Share Posted December 4, 2011 Давно этот шаблон не видел. Уже забыл совсем, где там что. Посмотрел. Всё, что я тут говорил, действительно для шаблона Nº1. С Вашим же шаблоном у Вас всё проще. Никакие блоки ради увеличения места для логотипа сокращать не придётся. Вам надо только убрать отступ логотипа от края контейнера. У него должен быть прописан padding-left. Если да — обнулить. Это же могло быть сделано полем, тогда увидите margin-left. Обнулить. Если уж ничего не найдёте, добавьте в стили header_logo строчку: margin-left: -20px !important; Обратите внимание, отрицательное значение поля! Ну, и на место 20-ти — я взял с потолка — подберите нужное. Как я понимаю, у баннера ничего править не надо. Логотип сам отодвинет его до правого края. Остаётся расчитать размер логотипа. Его-то Вы уже знаете, где править. Разумеется, можно подогнать и баннер. Анимированные ГИФы и флэшки тоже сжимаются-растягиваются соответственно заданной ширине. Несколько тыков и готово. А с линейкой (плагин в браузере, если нет, желательно обзавестись) — ещё быстрее. Link to comment Share on other sites More sharing options...
Ted Posted December 4, 2011 Author Share Posted December 4, 2011 Спасибо за уделенное время! Наверное тут где-то в другом месте все кроется.. Я попробовал то, что Вы посоветовали, то оно отодвигает логотип налево, но все равно, ширина остается прежней. Вот скриншот, может что-то более понятно будет.. http://www5.zippyshare.com/v/91173097/file.html Link to comment Share on other sites More sharing options...
Ted Posted December 4, 2011 Author Share Posted December 4, 2011 Нашел! )) Оказывается параметры логотипа устанавливаются в базе данных.. капец, и кто мог подумать )) в таблице ps_configuration есть BHL_HOMEPAGE_WIDTH и BHL_HOMEPAGE_HEIGHT вот от сюда они и берутся. Как их поменять без ручного вмешательства в БД - понятия не имею )) но главное, что проблема решена )) Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 4, 2011 Share Posted December 4, 2011 Но на скриншоте видно, что вставлена картинка 468px, а сбоку показывается фрагмент global.css, где её длина обозначена 215px!.. Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 4, 2011 Share Posted December 4, 2011 Нашел! )) Оказывается параметры логотипа устанавливаются в базе данных.. капец, и кто мог подумать )) в таблице ps_configuration есть BHL_HOMEPAGE_WIDTH и BHL_HOMEPAGE_HEIGHT вот от сюда они и берутся. Как их поменять без ручного вмешательства в БД - понятия не имею )) но главное, что проблема решена )) Это вовсе не обязательно в базе делать. Читайте пост выше! Ещё к нему добавлю, что и всплывающая ремарка к коду на это же несоответствие указывает. Посмотрите, какая ширина картинки в tpl-файле и какая в global.css! Link to comment Share on other sites More sharing options...
Ted Posted December 4, 2011 Author Share Posted December 4, 2011 468px это банер, а логотип 255px, но его отображало как 215px. Так вот именно 215px и было внесено в БД изначально. Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 4, 2011 Share Posted December 4, 2011 Важная деталь! То, что у Вас два global.css, Вы, надеюсь, учитываете? Тот, который был сначала и тот, который загрузился с шаблоном alt 2... Link to comment Share on other sites More sharing options...
Ted Posted December 4, 2011 Author Share Posted December 4, 2011 Это вовсе не обязательно в базе делать. Читайте пост выше! Ещё к нему добавлю, что и всплывающая ремарка к коду на это же несоответствие указывает. Посмотрите, какая ширина картинки в tpl-файле и какая в global.css! а в tpl-файле вообще не указанная, там обращение к БД (width="{$BHL_HOMEPAGE_LOGO_WIDTH}" height="{$BHL_HOMEPAGE_LOGO_HEIGHT}") Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 4, 2011 Share Posted December 4, 2011 468px это банер, а логотип 255px, но его отображало как 215px. Так вот именно 215px и было внесено в БД изначально. Интересно, в строке баннера написано class="logo"... Баннер объединён с логотипом в один класс? Хотя, можно, конечно. Какие-то общие стили не писать дважды... Link to comment Share on other sites More sharing options...
Ted Posted December 4, 2011 Author Share Posted December 4, 2011 Да, вот это меня и ввело в заблуждение )) меняешь будь-то для одного, а влияет на обеих.. потому в БД есть параметры и лого, и банера.. Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 4, 2011 Share Posted December 4, 2011 а в tpl-файле вообще не указанная, там обращение к БД (width="{$BHL_HOMEPAGE_LOGO_WIDTH}" height="{$BHL_HOMEPAGE_LOGO_HEIGHT}") Но это не значит, что если файл адресуется к базе, то и Вы должны следом в базу. В ПШ вообще всё адресуется к базе! Тогда мы, по логике, и должны работать только с базой. А для кого тогда делалась админка? И зачем нужен файловый менеджер? Почти всё можно сделать либо в админке, либо через файловый менеджер. И базу знать очень желательно, но в Вашем случае просто смешно обращаться к базе, когда это элементарно делается правкой стилей. Я, вот, не вижу того, что у Вас перед глазами, поэтому мне очень трудно представить себе, чего там не хватает. Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 4, 2011 Share Posted December 4, 2011 Да, вот это меня и ввело в заблуждение )) меняешь будь-то для одного, а влияет на обеих.. потому в БД есть параметры и лого, и банера.. Ну, так!.. Они упираются друг в дружку, и когда Вы меняете размер одного двигается и другой. Вы не ответили, где меняли размеры и разобрались ли в том, что правку в Вашем случае надо делать не в themes > prestashop > css > global.css, а в themes > prestashop_alt2 > css > global.css-файле? Link to comment Share on other sites More sharing options...
Ted Posted December 4, 2011 Author Share Posted December 4, 2011 Да, я правку делал в themes > prestashop_alt2 > css > global.css но повторюсь, там меняй, передвигай что хочешь, а вот отдельно размер логотипа менять никак не выходит. Если добавить в css width: то сразу это влияет и на лого и на банер. Лого как бы ничего, а банер уже слишком узкий )) Конечно, интересно было бы узнать каким образом эти размеры вносятся в БД, но это наверное по позже где-нибудь случайно узнаю )) Link to comment Share on other sites More sharing options...
gabdr Posted December 5, 2011 Share Posted December 5, 2011 <img class="logo" src=" /img/logo.jpg" alt="{$shop_name|escape:'htmlall':'UTF-8'}" width="240" height="100"/> я тут редактирую header.tpl Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 5, 2011 Share Posted December 5, 2011 То есть, как это «как размеры попадают в базу»!? Вписали новое значение ширины элемента в файл в менеджере, вот, оно и «попало в базу». А по правке уточню, что и блок логотипа (header_logo), и изображение в нём должны быть одного размера. То есть, править надо оба элемента. Вы так и делали? Link to comment Share on other sites More sharing options...
Kerm Posted December 5, 2011 Share Posted December 5, 2011 Можно загрузить лого, изменить в шаблоне размер, после на FTP вручную закинуть лого /img/logo.jpg Link to comment Share on other sites More sharing options...
Ted Posted December 7, 2011 Author Share Posted December 7, 2011 То есть, как это «как размеры попадают в базу»!? Вписали новое значение ширины элемента в файл в менеджере, вот, оно и «попало в базу». А по правке уточню, что и блок логотипа (header_logo), и изображение в нём должны быть одного размера. То есть, править надо оба элемента. Вы так и делали? Я не знаю, может у меня преста какая-то необычная )) но нигде нету никаких конкретных настроек или значений лого, потому и дошел до самой БД )) там поменял и все.. никаких конфликтов, все отображается так как должно быть )) Link to comment Share on other sites More sharing options...
messka Posted January 26, 2012 Share Posted January 26, 2012 Поменять можно в главной таблице стилей — themes > prestashop > css > global.css. Там поиском по странице (вызывается нажатием Ctrl + f/а) по слову logo быстро найдёте то, что нужно. Только, увеличенный в ширину логотип потеснит правую колонку шапки (хедера) и вызовет лёгкую «перетасовку» расположенных там блоков. Придётся их тоже править. Задача, однако, упрощается, если у Вас магазин не мультиязычный. Тогда блоки выбора языка и валюты в шапке Вам вовсе не нужны. Отключите их — можете, даже, очень большой логотип поставить. все именно так и сделано, только логотип не имзменяется по размерам, а сдвигаются ячейки, с блоками на расстояние равное увелечению логотипа, а если ставить 400 пикс то и вовсе блоки смещаются вниз (преста 1.4.6.2., шаблон prestashop) Link to comment Share on other sites More sharing options...
messka Posted January 26, 2012 Share Posted January 26, 2012 Нашел! )) Оказывается параметры логотипа устанавливаются в базе данных.. капец, и кто мог подумать )) в таблице ps_configuration есть BHL_HOMEPAGE_WIDTH и BHL_HOMEPAGE_HEIGHT вот от сюда они и берутся. Как их поменять без ручного вмешательства в БД - понятия не имею )) но главное, что проблема решена )) у меня в таблицах я такого не нашел BHL_HOMEPAGE_WIDTH и BHL_HOMEPAGE_HEIGHT в принципе Link to comment Share on other sites More sharing options...
gabdr Posted January 26, 2012 Share Posted January 26, 2012 messka не парься замени в header.tpl $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} /> на width="224" height="73"/> и меняй цифры прямо там Link to comment Share on other sites More sharing options...
Recommended Posts