Перейти к содержимому


Помогите Внести Изменения

Изменение внешнего вида

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 19

#1 gantzanime

gantzanime

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 05 Апрель 2013 - 23:04

Здравствуйте! Заранее благодарю за помощь.
Сайт: http://marketshop-ru.ru/

Помогите пожалуйста внести изменения:
Вот наглядно - before.jpg
дальше пояснения.

1) Убрать белую картинку. Поднять все наверх. Контакты для связи сделать справа от логотипа, 2 номера телефона с картинками телефончиков, на другой строке скайп и icq с картинками.

2) Слайдер переместить вместо информации на главной.

3) Убрать эту корзину. Продлить линию поиска до конца. Сделать шрифт кнопок (главная, доставка, корзина...) и растянуть их по белой линии + добавить еще одну кнопку "Статьи" и сделать ее как блоговую, новостную о поступлении товара и тд...

4) Справа: колонка Хиты продаж - стрелку сделать Красной.

5) Когда прописали Хиты продаж в эту правую колонку, красный кружок (который добавлялся автоматически, когда хиты продаж по шаблону на главной по центру отображались) пропал. Как его вернуть, чтобы отображался в правой колонке? И цвет названия товара в Хитах продаж тоже изменить на красный.

Вот примерно как планируется - after.jpg

Заранее большое спасибо за помощь.

#2 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 06 Апрель 2013 - 02:06

1) Добавьте в ваш файл стилей main.css

#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 gantzanime

gantzanime

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 06 Апрель 2013 - 12:44

Все поменяли, получили вот что - newnew.jpg

1) Подскажите, как логотип сделать ниже

2) картинку поиска я продлил, но там полоска синяя. Как убрать?

3) Под слайдером появились цифры, как их убрать и подтянуть "Новинки"?

4) Новинки тоже покрасились красным. Можно их оставить прежними (синеватыми), а красным сделать только "Хиты продаж"?

5) После добавления слайдера, правая колонка Хиты продаж уползла вниз. Как ее поднять?

6) Подскажите пожалуйста, как навести красоту и шрифты в контактах.

7) Как меню с кнопочками (главная, доставка и тд...) растянуть по белой линии над линией поиска?

Вот желанный конечный результат - after.jpg

#4 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 06 Апрель 2013 - 13:35

Цитата

1) Подскажите, как логотип сделать ниже

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
#header .blocks .logotype { margin:-75px 0 0 20px; float:left; }
Заменить:
#header .blocks .logotype { margin: 3px 0 0 20px; float:left; }

Цитата

2) картинку поиска я продлил, но там полоска синяя. Как убрать?
картинка слишком длинная.

Цитата

3) Под слайдером появились цифры, как их убрать и подтянуть "Новинки"?
В файле "nyvo.css".
Добавить в конец файла код:
.nivo-controlNav {
display: none;
}

Цитата

4) Новинки тоже покрасились красным. Можно их оставить прежними (синеватыми), а красным сделать только "Хиты продаж"?
В файле "main.css".
Найти код:
#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;
}


Цитата

5) После добавления слайдера, правая колонка Хиты продаж уползла вниз. Как ее поднять?


В файле "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;
}

Цитата

7) Как меню с кнопочками (главная, доставка и тд...) растянуть по белой линии над линией поиска?


В файле "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 gantzanime

gantzanime

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 06 Апрель 2013 - 16:06

С помощью ваших подсказок мне удалось привести к этому - new2.jpg
Спасибо огромное!

Подскажите пожалуйста:

1)  Там туго получилось без этой корзины, решили оставить, но - Можно ли туда перенести вместо "Товаров на: рублей", поставить "Итого:" под этим кнопку "Оформить заказ"? А нижнюю корзину убрать совсем? Ну и виджет вКонтакта поднять под менюшку?

2) Спасибо помогли покрасить, но я так и не смог понять, как поставить туда отдельный красный треугольник(наконечник стрелки)?

3) Контакты вверху справа: Поняли, что это заполняется в одной из менюшек админки, а есть ли возможность сделать красивее? Больше шрифт, телефоны в ряд с картинками, скайп и icq тоже в ряд с картинками, ниже Часы работы, тоже шрифт побольше?

#6 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 06 Апрель 2013 - 18:21

1. Для того чтобы это реализовать Вам необходимо в шаблоне HTML найти блок
<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 gantzanime

gantzanime

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 06 Апрель 2013 - 19:08

Спасибо огромное! Корзина точно так, как хотели!!

Просмотр сообщенияStasya (06 Апрель 2013 - 18:21) писал:

2. Вам нужно создать или найти картинку с таким красным треугольничком, переименовать в content-ttl-cat-a.png и загрузить к себе на сайт, предварительно удалив картинку с таким же именем из файлов в бек-офисе. Как таковой страницы с хитами продаж нет. А этот ярлычок привязывается( стандартном коде) к каждому товару- хиту. Поэтому Вам нужно либо убрать ссылку совсем либо оставить так. Можете, конечно, сами создать страницу с хитами.

Когда заменяем этот файл, у "Новинки" тоже меняется этот треугольничек. А как сделать, чтобы у новинок он оставался голубым, а у "Хиты продаж" стал красным?
new3.jpg

#8 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 06 Апрель 2013 - 20:01

Тогда в загрузите его с именем content-ttl-cat-a1.png затем в файле main.css найдите блок
#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 gantzanime

gantzanime

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 06 Апрель 2013 - 20:15

При такой замене, треугольник в "Новинки" так же заменяется...
Как сделать, чтобы его это не затрагивало?

#10 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 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 gantzanime

gantzanime

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 07 Апрель 2013 - 21:23

Огромное спасибо! Все получилось, как и хотели! http://marketshop-ru.ru

#12 Djasmin

Djasmin

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений
  • ГородМосква

Отправлено 23 Апрель 2013 - 00:47

Не ругайте если вставил не в ту тему.
Прошу помощи в следующем:
1. "Сортировать по и т.д."   слишком близко к категориям 2 и к товарам в каталоге, как то надо увеличить интервал.
3. Контакты для связи и телефон сдвинуть вправо, чтоб красиво было и увеличить.
4. Работает круглосуточно убрать вообще.
5. Номер телефона сдвинуть вправо, чтоб наравне с пунктом 3 было, ну чтоб было красиво.
СПАСИБО

Прикрепленные изображения

  • Безымянный 2.jpg


#13 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 23 Апрель 2013 - 04:36

1. У вас в шаблоне "Товары" ошибка. Вам необходимо в шаблоне найти

{% 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 Djasmin

Djasmin

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений
  • ГородМосква

Отправлено 23 Апрель 2013 - 08:08

Огромнейшее вам спасибо. Благодаря вашим ответам можно потихоньку язык выучивать или хотя
бы соображать чуток что там к чему.
А какая строка отвечает за надпись " Контакты для связи ", чтоб её тоже сдвинуть малек?

#15 Djasmin

Djasmin

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений
  • ГородМосква

Отправлено 23 Апрель 2013 - 08:31

И еще увеличить интервал межу словами " Контакты для связи " и номером телефона.

#16 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 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 Djasmin

Djasmin

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений
  • ГородМосква

Отправлено 23 Апрель 2013 - 09:28

Круто я попал на Storeland. Всем спасибо.

#18 Djasmin

Djasmin

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений
  • ГородМосква

Отправлено 24 Апрель 2013 - 14:29

Простите пожалуйста, забыл где цвет самого футера поменять. Упекся уже искать.

#19 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 24 Апрель 2013 - 15:29

В файле main.css в блоке
#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 Djasmin

Djasmin

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений
  • ГородМосква

Отправлено 24 Апрель 2013 - 17:11

Спасибо спасибо.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных