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


Сделать Меню Справа

меню добавить меню

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

#41 сергей1904

сергей1904

    Продвинутый пользователь

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

Отправлено 06 Май 2013 - 23:27

Магазин другой  sl-200370

#42 Koderhan

Koderhan

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

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

Отправлено 07 Май 2013 - 12:51

Просмотр сообщениясергей1904 (06 Май 2013 - 23:27) писал:

Магазин другой  sl-200370
В файле HTML.
Код:
	   {% IF index_page %}

		<!-- end-Список хитов главной -->
Перенести за код:
	  <div id="right">
<!-- Каталог сайта -->
	<div class="block">
	  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div>
	  <div class="blockmain navigation fnt12n">
		<ul>
		{% IFNOT catalog_empty %}
		  {% FOR catalog %}
			{% IFNOT catalog.HIDE %}
			  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
			{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}
		</ul>
	  </div>
	  <div class="blockbottom"></div>
	</div>
	<!-- END Каталог сайта -->


В файле "main.css".
Найти код:
#content{float:right;width:1000px}
Заменить:
#content{float: left;width: 760px;}


#43 сергей1904

сергей1904

    Продвинутый пользователь

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

Отправлено 19 Май 2013 - 23:21

Проблема вот в чем: меню стоит криво и когда заходишь в категорию, то оно исчезает.

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

  • меню стоит криво.png
  • нет меню.png


#44 Koderhan

Koderhan

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

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

Отправлено 20 Май 2013 - 12:50

Просмотр сообщениясергей1904 (19 Май 2013 - 23:21) писал:

Проблема вот в чем: меню стоит криво и когда заходишь в категорию, то оно исчезает.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
#content .navigation { margin:30px 20px 10px 12px; color:#565656; }   
Заменить:
#content .navigation {color:#565656; }   


#45 сергей1904

сергей1904

    Продвинутый пользователь

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

Отправлено 20 Май 2013 - 15:11

Спасибо, меню теперь правильно отображается!

#46 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 27 Июнь 2013 - 16:35

Как выровнять слова "Каталог Услуг" так же как и слово "Отзывы" ?

rovno.jpg

#47 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 27 Июнь 2013 - 16:59

Просмотр сообщенияKorolev Andrey (27 Июнь 2013 - 16:35) писал:

Как выровнять слова "Каталог Услуг" так же как и слово "Отзывы" ?

Прикрепленный файл rovno.jpg
В неизмененном шаблоне пластик в main.css код
#left .block .bluesmall, #right .block .bluesmall { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) no-repeat; height:28px; padding:9px 0 0 20px; }
изменить так
#left .block .bluesmall, #right .block .bluesmall { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) no-repeat; height:28px; padding: 9px 10px 0 10px; text-align: center; }
Если это не поможет, напишите номер аккаунта, на котором зарегистрирован магазин, что на скриншоте, а то у вас в профиле номер другого аккаунта.

#48 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 27 Июнь 2013 - 21:35

Просмотр сообщенияsengun (27 Июнь 2013 - 16:59) писал:

В неизмененном шаблоне пластик в main.css код
#left .block .bluesmall, #right .block .bluesmall { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) no-repeat; height:28px; padding:9px 0 0 20px; }
изменить так
#left .block .bluesmall, #right .block .bluesmall { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) no-repeat; height:28px; padding: 9px 10px 0 10px; text-align: center; }
Если это не поможет, напишите номер аккаунта, на котором зарегистрирован магазин, что на скриншоте, а то у вас в профиле номер другого аккаунта.


не помогло, номер Аккаунт SL-218076

#49 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 27 Июнь 2013 - 21:42

Просмотр сообщенияKorolev Andrey (27 Июнь 2013 - 21:35) писал:

не помогло, номер Аккаунт SL-218076
Сайт->Редактор шаблонов, шаблон html.
Код
<!-- Каталог сайта -->
<div class="block">
	 <div class="blocktitle bluesmall"></div>
	 <span style="font-size: 19px; color: #636363; z-index: 2; top: 15px; left: 35px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Copperplate, Geneva, sans-serif;">Каталог услуг</span>
измените так
<!-- Каталог сайта -->
<div class="block">
	 <div class="blocktitle bluesmall"><span style="font-size: 19px; color: #636363; z-index: 2; top: 15px; left: 35px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Copperplate, Geneva, sans-serif;">Каталог услуг</span></div>
	


#50 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 27 Июнь 2013 - 22:41

Просмотр сообщенияsengun (27 Июнь 2013 - 21:42) писал:

Сайт->Редактор шаблонов, шаблон html.
Код
<!-- Каталог сайта -->
<div class="block">
	 <div class="blocktitle bluesmall"></div>
	 <span style="font-size: 19px; color: #636363; z-index: 2; top: 15px; left: 35px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Copperplate, Geneva, sans-serif;">Каталог услуг</span>
измените так
<!-- Каталог сайта -->
<div class="block">
	 <div class="blocktitle bluesmall"><span style="font-size: 19px; color: #636363; z-index: 2; top: 15px; left: 35px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Copperplate, Geneva, sans-serif;">Каталог услуг</span></div>
	


Отлично, а теперь как поднять надпись "Каталог Услуг" чуть выше?

#51 shnafix

shnafix

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

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

Отправлено 27 Июнь 2013 - 22:48

Просмотр сообщенияKorolev Andrey (27 Июнь 2013 - 22:41) писал:

Отлично, а теперь как поднять надпись "Каталог Услуг" чуть выше?
В main.css найдите строку
#left .block .bluesmall, #right .block .bluesmall { background:url(http://s853413.storeland.net/block-bg.jpg) no-repeat; height:28px; padding: 9px 10px 0 10px; text-align: center; }
и padding: 9px замените padding: 0px.

#52 working_working

working_working

    Продвинутый пользователь

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

Отправлено 01 Декабрь 2013 - 19:42

Добрый вечер!

Подскажите как сделать следующее:

1. После переноса товаров с маркером "Хит продаж" с центра главной страницы, вправо, заголовок товара начинается не с новой строки (часть текста заголовка справа от фото, часть под фото. Нужно сделать, чтобы заголовок был под фото). Скрин во вложении (пункт 1).

2. После того же переноса товаров с маркером "Хит продаж" с центра главной страницы, вправо, перестала зачеркиваться старая цена. применил код для main.css:
#right  .price .fnt12b span {
color:#096f97;
text-decoration:none;
float: left;
width: 100%;
}
#right  .price .fnt12b span span{
        width:auto;
}
#right .price span {
        color: #7E7E7E;
        text-decoration: line-through;
}

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

3. Как сделать подсвечивание кнопок "Купить сейчас", "Подробнее" на главной странице у товаров с маркером "Товар дня" и "Хит продаж", как например, когда наводишь курсор на кнопки "В корзину" и "Сравнить товар" при просмотре товара в каталоге. Скрин во вложении (пункт 3).

Скрин:
http://st.storeland....1/865/162/2.jpg

Аккаунт:
SL-250115

Буду премного благодарен за Вашу помощь :)

#53 empty9228

empty9228

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

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

Отправлено 02 Декабрь 2013 - 11:24

Здравствуйте!
в файле css найдите код
#right  .price .fnt12b span {
color:#096f97;
text-decoration:none;
float: left;
width: 100%;
margin-left: 3px;
}
замените его на
#right  .price .fnt12b span {
color:#096f97;
text-decoration:none;
/* float: left; */
width: 100%;
margin-left: 3px;
}

в самый низ файла добавьте код
#right #content .box .ulproduct .img {float:none;}


#54 working_working

working_working

    Продвинутый пользователь

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

Отправлено 02 Декабрь 2013 - 19:17

Просмотр сообщенияempty9228 (02 Декабрь 2013 - 11:24) писал:

Здравствуйте!
в файле css найдите код
#right .price .fnt12b span {
color:#096f97;
text-decoration:none;
float: left;
width: 100%;
margin-left: 3px;
}
замените его на
#right .price .fnt12b span {
color:#096f97;
text-decoration:none;
/* float: left; */
width: 100%;
margin-left: 3px;
}

в самый низ файла добавьте код
#right #content .box .ulproduct .img {float:none;}

Добрый вечер!

Пункт 2 сделать удалось, спасибо :)
Подскажите пожалуйста еще с пунктами 1 и 3.

#55 Vaccina

Vaccina

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

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

Отправлено 03 Декабрь 2013 - 05:10

1. В шаблоне main.css как вариант попробуйте сделать следующее:
#content .box .ulproduct .img {
float: left;
height: 130px;
max-width: 150px;
min-height: 130px;
width: 150px;
}
уберите отсюда float: left;

3.На самом деле они подсвечиваются при наведении, только не так заметно. В шаблоне main.css найдите:

a.whtgray:hover, button.whtgray:hover {
background: url("http://megawatch.storeland.net/whtgray-bg.jpg") 50% 50% no-repeat transparent;
}

измените значение background

#56 working_working

working_working

    Продвинутый пользователь

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

Отправлено 03 Декабрь 2013 - 20:54

Просмотр сообщенияVaccina (03 Декабрь 2013 - 05:10) писал:

1. В шаблоне main.css как вариант попробуйте сделать следующее:
#content .box .ulproduct .img {
float: left;
height: 130px;
max-width: 150px;
min-height: 130px;
width: 150px;
}
уберите отсюда float: left;

3.На самом деле они подсвечиваются при наведении, только не так заметно. В шаблоне main.css найдите:

a.whtgray:hover, button.whtgray:hover {
background: url("http://megawatch.storeland.net/whtgray-bg.jpg") 50% 50% no-repeat transparent;
}

измените значение background

Добрый вечер!

По п. 1 - сделал, все получилось, но как применить данное свойство только для товаров с маркером "Хит продаж". Сейчас получилось так, что и к товарам с маркером "Товар дня" было применено данное свойство.

По п. 3 -
а) изменил значение на whtblue - получилась так, что кнопка овальная, а при наведении становится прямоугольная, можно ли сделать ее так же овальной и однотонной (кнопка состоит как-будто из 2ух частей).
б) есть ли возможность заменить кнопку на прямоугольную (как при наведении так и при обычном просмотре без наведения курсора)

#57 Vaccina

Vaccina

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

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

Отправлено 04 Декабрь 2013 - 04:54

1. В main.css тогда в самом низу добавьте сл.блок стилей:
#right #content .box .ulproduct .img {
	float: none;
}

3. Измените значение background в сл.блоках:
a.whtgray, button.whtgray {
	background: url("http://megawatch.storeland.net/whtgray-bg.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
	color: #3A3A3A;
	cursor: pointer;
	font: bold 12px Verdana,Geneva,sans-serif;
	height: 18px;
	margin: 0 10px 0 0;
	padding: 7px 0 6px;
	text-align: center;
	text-shadow: 0 1px 0 #FFFFFF;
	width: 138px;
}

a.whtgray:hover, button.whtgray:hover {
background: url("http://megawatch.storeland.net/whtgray-bg.jpg") 50% 50% no-repeat transparent;
}


#58 working_working

working_working

    Продвинутый пользователь

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

Отправлено 04 Декабрь 2013 - 05:51

Просмотр сообщенияVaccina (04 Декабрь 2013 - 04:54) писал:

1. В main.css тогда в самом низу добавьте сл.блок стилей:
#right #content .box .ulproduct .img {
float: none;
}

3. Измените значение background в сл.блоках:
a.whtgray, button.whtgray {
background: url("http://megawatch.storeland.net/whtgray-bg.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
color: #3A3A3A;
cursor: pointer;
font: bold 12px Verdana,Geneva,sans-serif;
height: 18px;
margin: 0 10px 0 0;
padding: 7px 0 6px;
text-align: center;
text-shadow: 0 1px 0 #FFFFFF;
width: 138px;
}

a.whtgray:hover, button.whtgray:hover {
background: url("http://megawatch.storeland.net/whtgray-bg.jpg") 50% 50% no-repeat transparent;
}

По п. 1 - сделал, все получилось, но данное свойство опять применено к товарам с маркером "Товар дня", а нужно только хит продаж. (на всякий случай:Шаблон пластик, аккаунт SL -250115
По п. 3 - поменял, но ничего не изменилось :(

#59 Vaccina

Vaccina

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

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

Отправлено 04 Декабрь 2013 - 06:23

1. Вместо:

#right #content .box .ulproduct .img {
float: none;
}
пропишите:

#right .ulproduct .img {
float: none;
}
а старому блоку стилей верните float:left;

#content .box .ulproduct .img {
float: left;
height: 130px;
max-width: 150px;
min-height: 130px;
width: 150px;
}

3. на данный момент в стилях присутствует старое значение background

#60 working_working

working_working

    Продвинутый пользователь

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

Отправлено 04 Декабрь 2013 - 19:48

Просмотр сообщенияVaccina (04 Декабрь 2013 - 06:23) писал:

1. Вместо:

#right #content .box .ulproduct .img {
float: none;
}
пропишите:

#right .ulproduct .img {
float: none;
}
а старому блоку стилей верните float:left;

#content .box .ulproduct .img {
float: left;
height: 130px;
max-width: 150px;
min-height: 130px;
width: 150px;
}

3. на данный момент в стилях присутствует старое значение background


Добрый вечер!

1. Сделал. Все стало как в самом начале (Товар дня - так как нужно (т.е. так как было ранее), а заголовок у "хит продаж" опять на половину сверху, на половину снизу.

3. Кнопки получились квадратными и с не очень красивой заливкой (скрин прикладываю "фото 2")
Хотелось бы сделать точно как на "фото 1" (скрин приложил)

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

  • фото 2.jpg
  • фото 1.jpg





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

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