#1
Отправлено 05 Апрель 2013 - 23:04
Сайт: http://marketshop-ru.ru/
Помогите пожалуйста внести изменения:
Вот наглядно -
дальше пояснения.
1) Убрать белую картинку. Поднять все наверх. Контакты для связи сделать справа от логотипа, 2 номера телефона с картинками телефончиков, на другой строке скайп и icq с картинками.
2) Слайдер переместить вместо информации на главной.
3) Убрать эту корзину. Продлить линию поиска до конца. Сделать шрифт кнопок (главная, доставка, корзина...) и растянуть их по белой линии + добавить еще одну кнопку "Статьи" и сделать ее как блоговую, новостную о поступлении товара и тд...
4) Справа: колонка Хиты продаж - стрелку сделать Красной.
5) Когда прописали Хиты продаж в эту правую колонку, красный кружок (который добавлялся автоматически, когда хиты продаж по шаблону на главной по центру отображались) пропал. Как его вернуть, чтобы отображался в правой колонке? И цвет названия товара в Хитах продаж тоже изменить на красный.
Вот примерно как планируется -
Заранее большое спасибо за помощь.
#2
Отправлено 06 Апрель 2013 - 02:06
#header .blocks .lft, #header .blocks .cntr { display: none; }
далее найдите
#header .blocks { height: 75px; width: 100%; }
и замените на
#header .blocks { height: 120px; width: 100%; }
далее найдите
#header { clear: both; height: 120px; width: 100%; }
и замените на
#header { clear: both; height: 120px; margin-top: 10px; position: relative; width: 100%; }
далее найдите
#header .blocks .rght { background: url("http://design.marketshop-ru.ru/haeder-bg.png") no-repeat scroll right top transparent; float: left; height: 110px; margin: 0; width: 358px; }
и замените на
#header .blocks .rght { height: 110px; margin: 0; position: absolute; right: 0; width: 358px; }
далее найдите
#header .blocks .rght ul li.timework { color: #F7F9FA; font: bold 14px Verdana,Geneva,sans-serif; margin-top: 19px; padding-left: 0; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); width: 225px; }
и замените на
#header .blocks .rght ul li.timework { margin-top: 20px; padding-left: 0; width: 225px; }
далее найдите
#header .blocks ul.telephone23 { color: #F7F9FA; float: right; font: bold 14px Verdana,Geneva,sans-serif; margin: -21px 250px 0 0; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
и замените на
#header .blocks ul.telephone23 { bottom: 32px; color: #5E5D5D; position: absolute; right: 0; width: 245px; }
2) У вас слайдер как я понимаю вставлен в шаблон "HTML". Вам необходимо переместить код слайдера из шаблона "HTML" в шаблон "Страница", в шаблоне "Страница" найдите
{% IF index_page %} <!-- Заголовок главной странички --> <div class="headline"> <div class="main"> <div class="h1 fnt14n txtalgnlft"> <h1>{PAGE_NAME}</h1> </div> <div class="text fnt12n"> <div class="htmlDataBlock"> {PAGE_CONTENT} </div> </div> <!-- Короткое SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_SHORT %} <div class="article padd"> <div class="text fnt12n"> {PAGE_SEO_DESCRIPTION_SHORT} </div> </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_LARGE %} <div class="htmlDataBlock"> <div class="article padd"> <div class="text fnt12n"> {PAGE_SEO_DESCRIPTION_LARGE} </div> </div> </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> <!-- Заголовок главной странички-Конец --> {% ELSE %}
и замените на
{% IF index_page %} Код вашего слайдера из шаблона "HTML" {% ELSE %}
3) Добавьте в ваш файл стилей main.css
#panelsite div.rightcol a, #panelsite div.rightcol ul { display: none; }
далее найдите
#panelsite div.rightcol { background: url("http://design.marketshop-ru.ru/panel-bg.png") no-repeat scroll -12px 0 transparent; color: #686868; font: 14px Verdana,Geneva,sans-serif; width: 241px; }
и замените на
#panelsite div.rightcol { background: url("http://design.marketshop-ru.ru/panel-bg.png") no-repeat scroll right 0 transparent; color: #686868; font: 14px Verdana,Geneva,sans-serif; width: 10px; }
далее найдите
#panelsite div.centercol { background: url("http://design.marketshop-ru.ru/panel-bgx.png") repeat-x scroll 0 0 transparent; width: 700px; }
и замените на
#panelsite div.centercol { background: url("http://design.marketshop-ru.ru/panel-bgx.png") repeat-x scroll 0 0 transparent; width: 944px; }
далее найдите
#panelsite div.centercol .menuheader { height: 24px; margin: 15px 0 0; overflow: hidden; width: 800px; }
и замените на
#panelsite div.centercol .menuheader { height: 26px; margin: 15px 0 -2px; overflow: hidden; width: 940px; }
Если вам необходимо так же увеличить изображение поиска, то в разделе редактора тем найдите изображение "searchbg.jpg" и измените данное изображение в любом графическом редакторе.
4) Вам необходимо в файле стилей main.css найти
#content .box .titlebox ul li.blue { background: none repeat scroll 0 0 #5195AF; border-radius: 4px 0 0 4px; float: left; height: 22px; margin: 0 20px 0 0; }
и заменить на
#content .box .titlebox ul li.blue { background: red; border-radius: 4px 0 0 4px; float: left; height: 22px; margin: 0 20px 0 0; }
далее вам необходимо в разделе редактора тем найти изображение "content-ttl-cat-a.png" и изменить у данного изображения цвет в любом графическом редакторе.
5) Найдите в вашем шаблоне, а именно в правой колонке с хитами продаж
<div class="img txtalgncnt">
и после вставьте
<div class="stikerhit"></div>
#3
Отправлено 06 Апрель 2013 - 12:44
1) Подскажите, как логотип сделать ниже
2) картинку поиска я продлил, но там полоска синяя. Как убрать?
3) Под слайдером появились цифры, как их убрать и подтянуть "Новинки"?
4) Новинки тоже покрасились красным. Можно их оставить прежними (синеватыми), а красным сделать только "Хиты продаж"?
5) После добавления слайдера, правая колонка Хиты продаж уползла вниз. Как ее поднять?
6) Подскажите пожалуйста, как навести красоту и шрифты в контактах.
7) Как меню с кнопочками (главная, доставка и тд...) растянуть по белой линии над линией поиска?
Вот желанный конечный результат -
#4
Отправлено 06 Апрель 2013 - 13:35
Цитата
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
#header .blocks .logotype { margin:-75px 0 0 20px; float:left; }Заменить:
#header .blocks .logotype { margin: 3px 0 0 20px; float:left; }
Цитата
Цитата
Добавить в конец файла код:
.nivo-controlNav { display: none; }
Цитата
Найти код:
#content .box .titlebox ul li.blue { background: red; border-radius: 4px 0 0 4px; float: left; height: 22px; margin: 0 20px 0 0; }Заменить:
#content .box .titlebox ul li.blue { background:#5195af; float:left; height:22px; margin:0 20px 0 0; }
Добавить код:
#right .box .titlebox ul li.blue { background: #F00; border-radius: 4px 0 0 4px; float: left; height: 22px; margin: 0 20px 0 0; }
Цитата
В файле "main.css".
Найти код:
#index { background:url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0;} #right { float:right; width:225px; padding-right:0px; }Заменить:
#index { background:url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0; width: 68%;} #right { float:right; width:225px; padding-right:0px; margin-top: -61em; margin-right: 1em; }
Цитата
В файле "main.css".
Найти код:
#panelsite div.centercol .menuheader ul li { float:left; background:url(http://design.marketshop-ru.ru/menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; }Заменить:
#panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin: 0px 38px 0px 0px; padding-left: 38px; }
#5
Отправлено 06 Апрель 2013 - 16:06
Спасибо огромное!
Подскажите пожалуйста:
1) Там туго получилось без этой корзины, решили оставить, но - Можно ли туда перенести вместо "Товаров на: рублей", поставить "Итого:" под этим кнопку "Оформить заказ"? А нижнюю корзину убрать совсем? Ну и виджет вКонтакта поднять под менюшку?
2) Спасибо помогли покрасить, но я так и не смог понять, как поставить туда отдельный красный треугольник(наконечник стрелки)?
3) Контакты вверху справа: Поняли, что это заполняется в одной из менюшек админки, а есть ли возможность сделать красивее? Больше шрифт, телефоны в ряд с картинками, скайп и icq тоже в ряд с картинками, ниже Часы работы, тоже шрифт побольше?
#6
Отправлено 06 Апрель 2013 - 18:21
<div class="rightcol cartInfo"> <a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a> <ul onclick="document.location='{CART_URL}';"> {% IF cart_count_empty %} <li class="default off">Товаров на:</li> <li class="money cartSum">0 {CURRENCY_NAME}</li> {% ELSE %} {% FOR cart_sum %} <li class="default">Товаров на:</li> <li class="hover">Заказать на:</li> <li class="money cartSum">{cart_sum.NOW | money_format}</li> {% ENDFOR %} {% ENDIF %} </ul> </div> </div>и заменить его на
<div class="rightcol cartInfo"> <a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a> <ul onclick="document.location='{CART_URL}';"> <li class="button"> <p class="fnt11b txtalgnlft cartSum"> {% IF cart_count_empty %}Итого: 0 {CURRENCY_NAME} {% ELSE %}{% FOR cart_sum %}Итого: {cart_sum.NOW | money_format}{% ENDFOR %}{% ENDIF %} </p> <a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue" style="width: 125px;margin-top: 16px;margin-left: 2px;height: 0px;padding-top: 4px;padding-left: 7px;">Оформить заказ</a></li> </ul> </div> </div>Затем спуститесь ниже , найти и удалить блок
<!-- Корзина --> <div class="block"> <div class="blocktitle bluelarge"> <a href="{CART_URL}" title="Корзина">Корзина</a> </div> <div class="blockmain cart padd cartInfo"> <ul> <li class="img"><a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a></li> <li class="button"> <p class="fnt11b txtalgnlft cartSum"> {% IF cart_count_empty %}Итого: 0 {CURRENCY_NAME} {% ELSE %}{% FOR cart_sum %}Итого: {cart_sum.NOW | money_format}{% ENDFOR %}{% ENDIF %} </p> <a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue">Оформить заказ</a></li> </ul> </div> <div class="blockbottom"> </div> </div> <!-- END Корзина -->2. Вам нужно создать или найти картинку с таким красным треугольничком, переименовать в content-ttl-cat-a.png и загрузить к себе на сайт, предварительно удалив картинку с таким же именем из файлов в бек-офисе. Как таковой страницы с хитами продаж нет. А этот ярлычок привязывается( стандартном коде) к каждому товару- хиту. Поэтому Вам нужно либо убрать ссылку совсем либо оставить так. Можете, конечно, сами создать страницу с хитами.
3. Чтобы изменить размер шрифтов телефонов Вам необходимо в файле main.css найти блок
#header .blocks .rght ul li { overflow: hidden; font: normal 12px Verdana, Geneva, sans-serif; color: #5e5d5d; }и увеличивать значение 12pх. Затем в шаблоне html вот эту строку
{% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}заменить на
{% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" style="font: normal 12px Verdana, Geneva, sans-serif;"> />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}Здесь тоже нужно увеличивать значение 12px
#7
Отправлено 06 Апрель 2013 - 19:08
Stasya (06 Апрель 2013 - 18:21) писал:
Когда заменяем этот файл, у "Новинки" тоже меняется этот треугольничек. А как сделать, чтобы у новинок он оставался голубым, а у "Хиты продаж" стал красным?
#8
Отправлено 06 Апрель 2013 - 20:01
#content .box .titlebox ul li.blue a { background: url(/design/content-ttl-cat-a.png) right bottom no-repeat; color: #FFF; display: inline-block; float: left; margin: 0 -13px 0 5px; padding: 4px 15px 4px 2px; text-decoration: none; line-height: 14px; }и замените в нем строку
background: url(/design/content-ttl-cat-a.png) right bottom no-repeat;на
background: url(/design/content-ttl-cat-a1.png) right bottom no-repeat;
#9
Отправлено 06 Апрель 2013 - 20:15
Как сделать, чтобы его это не затрагивало?
#10
Отправлено 07 Апрель 2013 - 13:47
gantzanime (06 Апрель 2013 - 20:15) писал:
Как сделать, чтобы его это не затрагивало?
в шаблоне HTML найдите строчку
<h2><a href="{index_page_favorites_goods.URL}">Хиты продаж</a></h2>замените ее на
<h2><a href="{index_page_favorites_goods.URL}" style="background:url({ASSETS_IMAGES_PATH}content-ttl-cat-a1.png)right bottom no-repeat;">Хиты продаж</a></h2>
#11
Отправлено 07 Апрель 2013 - 21:23
#12
Отправлено 23 Апрель 2013 - 00:47
Прошу помощи в следующем:
1. "Сортировать по и т.д." слишком близко к категориям 2 и к товарам в каталоге, как то надо увеличить интервал.
3. Контакты для связи и телефон сдвинуть вправо, чтоб красиво было и увеличить.
4. Работает круглосуточно убрать вообще.
5. Номер телефона сдвинуть вправо, чтоб наравне с пунктом 3 было, ну чтоб было красиво.
СПАСИБО
#13
Отправлено 23 Апрель 2013 - 04:36
{% ELSE %} <!-- Вывод каталога таблицей --> <div class="box padd">
и заменить на
{% ELSE %} <div class="hr"></div> <!-- Вывод каталога таблицей --> <div class="box padd">
3. Добавьте в ваш файл стилей main.css
#header .blocks .rght ul li.title, #header .blocks .rght ul li.telephone { margin-left: 80px !important; }
4. В файл стилей main.css добавьте
#header .blocks .rght ul li.timework { display: none; }
5. Добавьте в файл стилей main.css
#header .blocks ul.telephone23 { margin-right: 55px !important; }
#14
Отправлено 23 Апрель 2013 - 08:08
бы соображать чуток что там к чему.
А какая строка отвечает за надпись " Контакты для связи ", чтоб её тоже сдвинуть малек?
#15
Отправлено 23 Апрель 2013 - 08:31
#16
Отправлено 23 Апрель 2013 - 09:01
Djasmin (23 Апрель 2013 - 08:08) писал:
бы соображать чуток что там к чему.
А какая строка отвечает за надпись " Контакты для связи ", чтоб её тоже сдвинуть малек?
Сдвинуть его можно так в файле main.css:
#header .blocks .rght ul li.title { font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: Verdana, Geneva, sans-serif; color: rgb(199, 21, 133); margin: -2px 0px 0px 46px; /*отступы*/ }
Отступ от надписи телефона:
#header .blocks .rght ul li.telephone { background: url(http://design.jasmiini.ru/haeder-bg-icon.png) no-repeat; margin-left: 95px; }замените на:
#header .blocks .rght ul li.telephone { background: url(http://design.jasmiini.ru/haeder-bg-icon.png) no-repeat; margin-left: 95px; padding-top:10px; }
#17
Отправлено 23 Апрель 2013 - 09:28
#18
Отправлено 24 Апрель 2013 - 14:29
#19
Отправлено 24 Апрель 2013 - 15:29
#footer { clear: both; width: 100%; border-top-width: 4px; border-top-style: solid; border-top-color: #FF69B4; margin: 20px 0px 17px; opacity: 0.7; background: #FF69B4; }в строке background:
#20
Отправлено 24 Апрель 2013 - 17:11
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных