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


Как Сделать Иконки Каталожных Разделов?


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

#1 mark03

mark03

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

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

Отправлено 28 Август 2013 - 02:35

Доброй ночи!

Как сделать иконки каталожных разделов?

А в товарах поменять размер шрифта?

Заранее спасибо!

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

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


#2 RBsales

RBsales

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

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

Отправлено 28 Август 2013 - 07:46

Цитата

Как сделать иконки каталожных разделов?
В смысле,что с ними сделать?

#3 mark03

mark03

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

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

Отправлено 28 Август 2013 - 07:55

Просмотр сообщенияRBsales (28 Август 2013 - 07:46) писал:

В смысле,что с ними сделать?

дык на скрине их нет...как сделать чтобы были?

#4 miyako

miyako

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

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

Отправлено 28 Август 2013 - 08:03

Просмотр сообщенияmark03 (28 Август 2013 - 02:35) писал:

Доброй ночи!

Как сделать иконки каталожных разделов?

А в товарах поменять размер шрифта?

Заранее спасибо!

Вам нужно вместо товаров категории?

Шрифт -
Добавьте в конец main.css код -
.goodsListItemBlock a {
font-size: 14px !important;
}


#5 mark03

mark03

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

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

Отправлено 28 Август 2013 - 08:24

Просмотр сообщенияmiyako (28 Август 2013 - 08:03) писал:

Вам нужно вместо товаров категории?

Шрифт -
Добавьте в конец main.css код -
.goodsListItemBlock a {
font-size: 14px !important;
}

нееет, нужно чтобы разделы каталога были в иконках

#6 Vaccina

Vaccina

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

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

Отправлено 28 Август 2013 - 08:40

скорее всего вы имеете ввиду, как задать рамку отображаемым категориям в контенте.

сайт - редактор шаблонов - main.css - найдите:
.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 135px;
height: 150px;
overflow: hidden;
padding: 1em;
margin: 0px;
list-style-type: none;
background: none !important;
}
замените на:
.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 135px;
height: 150px;
overflow: hidden;
padding: 1em;
border-radius: 10px;
margin: 10px;
border: 1px solid #000;
list-style-type: none;
background: none !important;
}


#7 mark03

mark03

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

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

Отправлено 28 Август 2013 - 09:20

Просмотр сообщенияVaccina (28 Август 2013 - 08:40) писал:

скорее всего вы имеете ввиду, как задать рамку отображаемым категориям в контенте.

сайт - редактор шаблонов - main.css - найдите:
.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 135px;
height: 150px;
overflow: hidden;
padding: 1em;
margin: 0px;
list-style-type: none;
background: none !important;
}
замените на:
.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 135px;
height: 150px;
overflow: hidden;
padding: 1em;
border-radius: 10px;
margin: 10px;
border: 1px solid #000;
list-style-type: none;
background: none !important;
}


Спасибо!А как прописать чтобы рамки иконок были такими же как на товарах?

#8 mark03

mark03

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

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

Отправлено 28 Август 2013 - 10:09

Просмотр сообщенияVaccina (28 Август 2013 - 08:40) писал:

скорее всего вы имеете ввиду, как задать рамку отображаемым категориям в контенте.

сайт - редактор шаблонов - main.css - найдите:
.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 135px;
height: 150px;
overflow: hidden;
padding: 1em;
margin: 0px;
list-style-type: none;
background: none !important;
}
замените на:
.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 135px;
height: 150px;
overflow: hidden;
padding: 1em;
border-radius: 10px;
margin: 10px;
border: 1px solid #000;
list-style-type: none;
background: none !important;
}

Помогите))

#9 miyako

miyako

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

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

Отправлено 28 Август 2013 - 14:06

Просмотр сообщенияmark03 (28 Август 2013 - 10:09) писал:

Помогите))

Уточните пожалуйста как Вы хотите изменить рамки в Каталоге.

#10 mark03

mark03

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

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

Отправлено 28 Август 2013 - 16:50

Просмотр сообщенияmiyako (28 Август 2013 - 14:06) писал:

Уточните пожалуйста как Вы хотите изменить рамки в Каталоге.

вот такие, скрин прилагается

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

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


#11 mark03

mark03

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

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

Отправлено 28 Август 2013 - 23:50

Просмотр сообщенияmark03 (28 Август 2013 - 16:50) писал:

вот такие, скрин прилагается

Просмотр сообщенияmiyako (28 Август 2013 - 14:06) писал:

Уточните пожалуйста как Вы хотите изменить рамки в Каталоге.

Модераторы отзовитесь...

#12 Vaccina

Vaccina

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

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

Отправлено 29 Август 2013 - 05:45

Найдите в вашем файле стилей main.css

.content_catalog_nested_categories li {
	background: none repeat scroll 0 0 transparent !important;
	border: 1px solid #000000;
	border-radius: 10px 10px 10px 10px;
	float: left;
	height: 150px;
	list-style-type: none;
	margin: 10px;
	overflow: hidden;
	padding: 1em;
	text-align: center;
	width: 135px;
}

и замените на

.content_catalog_nested_categories li {
	background: none repeat scroll 0 0 transparent !important;
	border: 1px solid #FFD300;
	border-radius: 10px 10px 10px 10px;
	float: left;
	height: 150px;
	list-style-type: none;
	margin: 10px;
	overflow: hidden;
	padding: 1em;
	text-align: center;
	width: 135px;
}


#13 mark03

mark03

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

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

Отправлено 29 Август 2013 - 17:31

Просмотр сообщенияVaccina (28 Август 2013 - 08:40) писал:

скорее всего вы имеете ввиду, как задать рамку отображаемым категориям в контенте.

сайт - редактор шаблонов - main.css - найдите:
.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 135px;
height: 150px;
overflow: hidden;
padding: 1em;
margin: 0px;
list-style-type: none;
background: none !important;
}
замените на:
.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 135px;
height: 150px;
overflow: hidden;
padding: 1em;
border-radius: 10px;
margin: 10px;
border: 1px solid #000;
list-style-type: none;
background: none !important;
}

Сделал!Все работает!Спасибо!

Просмотр сообщенияVaccina (29 Август 2013 - 05:45) писал:

Найдите в вашем файле стилей main.css

.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
border: 1px solid #000000;
border-radius: 10px 10px 10px 10px;
float: left;
height: 150px;
list-style-type: none;
margin: 10px;
overflow: hidden;
padding: 1em;
text-align: center;
width: 135px;
}

и замените на

.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
border: 1px solid #FFD300;
border-radius: 10px 10px 10px 10px;
float: left;
height: 150px;
list-style-type: none;
margin: 10px;
overflow: hidden;
padding: 1em;
text-align: center;
width: 135px;
}

Скажите, как сделать надпись под логотипом на главной "Товары для детского творчества и игрушки"?

#14 Taisia

Taisia

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

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

Отправлено 29 Август 2013 - 18:15

найдите в коде вашего файла html
код
<div style="position:relative;  margin-left:385px;  left:50%; top: -90px;height: 31px; width: 106px;z-index:5;">
<a style=" height: 31px; width: 106px; display:block; " href="/discount"></a>
 
</div>

и ПЕРЕД ним вставьте код

<div id="logot" >Товары для детского творчества и игру</div>

далее в файле main.css  в конец файла вставьте код

#logot {position:absolute;left: 523px;z-index: 9999;top: 185px;}


#15 mark03

mark03

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

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

Отправлено 29 Август 2013 - 18:28

Просмотр сообщенияTaisia (29 Август 2013 - 18:15) писал:

найдите в коде вашего файла html
код
<div style="position:relative; margin-left:385px; left:50%; top: -90px;height: 31px; width: 106px;z-index:5;">
<a style=" height: 31px; width: 106px; display:block; " href="/discount"></a>

</div>

и ПЕРЕД ним вставьте код

<div id="logot" >Товары для детского творчества и игру</div>

далее в файле main.css  в конец файла вставьте код

#logot {position:absolute;left: 523px;z-index: 9999;top: 185px;}

Сделал!Спасибо!

последняя просьба, как уменьшить "поиск", процентов на 40 , хочу добавить отзывы, не влезает.

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

  • поиск.jpg


#16 shnafix

shnafix

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

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

Отправлено 29 Август 2013 - 22:32

Просмотр сообщенияmark03 (29 Август 2013 - 18:28) писал:

Сделал!Спасибо!

последняя просьба, как уменьшить "поиск", процентов на 40 , хочу добавить отзывы, не влезает.
Для этого необходимо изменить картинку heder.png в графическом редакторе, где будет "подрезан" поиск до нужной Вам длины и загрузить новое изображение под этим же именем.
После этого надо будет уменьшить параметр width в коде в main.css
#search .search_box  {
  background:none;
  border:none;
  font: 11px Verdana, Geneva, sans-serif;
  width: 370px;
  padding:0px;padding-left: 14px;
  padding-top: 8px;
 
}
в соответствии с новой картинкой. И заменить код
#search .submit {
  cursor:pointer;
  height: 28px;
  width: 28px;
}
на этот
#search .submit {
  cursor:pointer;
  height: 28px;
  width: 28px;
float: left;
}
Чтобы кнопка поиска приклеилась к полю поиска справа.

#17 mark03

mark03

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

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

Отправлено 30 Август 2013 - 00:02

Просмотр сообщенияshnafix (29 Август 2013 - 22:32) писал:

Для этого необходимо изменить картинку heder.png в графическом редакторе, где будет "подрезан" поиск до нужной Вам длины и загрузить новое изображение под этим же именем.
После этого надо будет уменьшить параметр width в коде в main.css
#search .search_box {
background:none;
border:none;
font: 11px Verdana, Geneva, sans-serif;
width: 370px;
padding:0px;padding-left: 14px;
padding-top: 8px;

}
в соответствии с новой картинкой. И заменить код
#search .submit {
cursor:pointer;
height: 28px;
width: 28px;
}
на этот
#search .submit {
cursor:pointer;
height: 28px;
width: 28px;
float: left;
}
Чтобы кнопка поиска приклеилась к полю поиска справа.

это сложно для меня...
по другому пути надо, возможно ли добавить отзывы сразу после архива статей?

#18 Vaccina

Vaccina

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

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

Отправлено 31 Август 2013 - 03:33

Пожалуйста, опишите подробнее ваш вопрос, о каких отзывах идет речь? Возможно вам поможет следующая тема форума http://forum.storela...ице/#entry48149

#19 mark03

mark03

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

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

Отправлено 03 Сентябрь 2013 - 03:36

Просмотр сообщенияVaccina (31 Август 2013 - 03:33) писал:

Пожалуйста, опишите подробнее ваш вопрос, о каких отзывах идет речь? Возможно вам поможет следующая тема форума http://forum.storela...ице/#entry48149

Спасибо большое!Да, это это именно то что я хотел.

Подскажите как возможно это сделать, из новостей=отзывы о магазине+оценка по звездам?Заранее спасибо!

#20 miyako

miyako

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

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

Отправлено 03 Сентябрь 2013 - 07:26

Просмотр сообщенияmark03 (03 Сентябрь 2013 - 03:36) писал:

Спасибо большое!Да, это это именно то что я хотел.

Подскажите как возможно это сделать, из новостей=отзывы о магазине+оценка по звездам?Заранее спасибо!

Можете объяснить подробнее? Вы проделали изменения по инструкции из сообщения - http://forum.storela...лов/#entry87024 ?




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

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