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


Слайдер


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

#21 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 12 Октябрь 2013 - 01:45

вместо repeat-xy напишите repeat, первый вариант неправильный.

#22 ole26rus

ole26rus

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

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

Отправлено 13 Октябрь 2013 - 21:00

подскажите пожалуйста почему виджет не  появляется.

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

  • 11.png


#23 ole26rus

ole26rus

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

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

Отправлено 13 Октябрь 2013 - 21:43

Просмотр сообщенияVaccina (12 Октябрь 2013 - 01:45) писал:

вместо repeat-xy напишите repeat, первый вариант неправильный.

сделал как вы написали, но фон не поменялся.

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

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


#24 ole26rus

ole26rus

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

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

Отправлено 13 Октябрь 2013 - 21:49

Просмотр сообщенияsengun (11 Октябрь 2013 - 21:31) писал:

Да, конечно, инструкция уже отправлена перед вашим сообщением.

подскажите еще пожалуйста как сделать что бы в "хитах продаж" картинка с товаром отображалась по центру, а не слева.

#25 empty9228

empty9228

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

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

Отправлено 14 Октябрь 2013 - 09:35

Здравствуйте!
Зайдите в редактор шаблонов, в файле main.css найдите код
.goodlist .goodlistmain .img img {
max-width: 100%;
max-height: 137px;
}

Замените его на

.goodlist .goodlistmain .img img {
max-width: 100%;
max-height: 137px;
margin-left: 57px;
}

Значение "margin-left: 57px;" отвечает за изменение картинок в блоке хит-продаж по горизонтали.

#26 ole26rus

ole26rus

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

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

Отправлено 14 Октябрь 2013 - 21:24

спасибо, работает. подскажите по поводу фона, я чуть выше писал.

#27 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 15 Октябрь 2013 - 06:11

Найдите в шаблоне "HTML" строку

<body style="background:url("{ASSETS_IMAGES_PATH}fon.jpg") repeat center center;">

и замените её на

<body style="background:url('{ASSETS_IMAGES_PATH}fon.jpg') repeat center center;">


#28 ole26rus

ole26rus

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

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

Отправлено 15 Октябрь 2013 - 16:47

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

Найдите в шаблоне "HTML" строку

<body style="background:url("{ASSETS_IMAGES_PATH}fon.jpg") repeat center center;">

и замените её на

<body style="background:url('{ASSETS_IMAGES_PATH}fon.jpg') repeat center center;">


#29 ole26rus

ole26rus

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

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

Отправлено 15 Октябрь 2013 - 17:09

Просмотр сообщенияole26rus (15 Октябрь 2013 - 16:47) писал:


спасибо все получилось

#30 ole26rus

ole26rus

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

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

Отправлено 15 Октябрь 2013 - 17:25

Просмотр сообщенияole26rus (15 Октябрь 2013 - 17:09) писал:

спасибо все получилось

подскажите еще, как сделать так, что бы картинка маленького размера повторялась по горизонтали и по вертикали при использовании ее в качестве фона?

#31 Сake

Сake

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

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

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

Параметр repeat у свойства background задает повторение изображения как по x так и по y оси начиная из точки 0:0, т.е задав

<body style="background:url('{ASSETS_IMAGES_PATH}fon.jpg') repeat center center;">

изображение fon.jpg будет повторятся как по горизонтали так и по вертикали.

#32 ole26rus

ole26rus

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

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

Отправлено 16 Октябрь 2013 - 12:24

Просмотр сообщенияСake (16 Октябрь 2013 - 04:23) писал:

Параметр repeat у свойства background задает повторение изображения как по x так и по y оси начиная из точки 0:0, т.е задав

<body style="background:url('{ASSETS_IMAGES_PATH}fon.jpg') repeat center center;">

изображение fon.jpg будет повторятся как по горизонтали так и по вертикали.

спасибо.

#33 ole26rus

ole26rus

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

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

Отправлено 16 Октябрь 2013 - 12:30

подскажите еще пожалуйста, возможно ли закруглить эти края

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

  • 1.jpg


#34 Koderhan

Koderhan

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

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

Отправлено 16 Октябрь 2013 - 13:30

Просмотр сообщенияole26rus (16 Октябрь 2013 - 12:30) писал:

подскажите еще пожалуйста, возможно ли закруглить эти края
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
#container{ width: 100%; overflow-x: hidden; position: relative; padding: 0; background: url({ASSETS_IMAGES_PATH}leftcolum-bg.jpg) #fff left top repeat-y; -moz-border-radius: 0em 0em 10px 10px;  -webkit-border-radius: 0em 0em 10px 10px;  border-radius: 0em 0em 10px 10px;}
Заменить:
#container{ width: 100%; overflow-x: hidden; position: relative; padding: 0; background: url({ASSETS_IMAGES_PATH}leftcolum-bg.jpg) #fff left top repeat-y; -moz-border-radius: 10px 10px 10px 10px;  -webkit-border-radius: 10px 10px 10px 10px;  border-radius: 10px 10px 10px 10px;}
На шапке же можно закруглить только картинку header-bg.jpg в графическом редакторе.
Сохранить картинку в png формате с прозрачным фоном.

#35 ole26rus

ole26rus

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

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

Отправлено 28 Октябрь 2013 - 11:07

подскажите пожалуйста как перенести этот текст под каталог

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

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


#36 Koderhan

Koderhan

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

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

Отправлено 28 Октябрь 2013 - 14:33

Просмотр сообщенияole26rus (28 Октябрь 2013 - 11:07) писал:

подскажите пожалуйста как перенести этот текст под каталог

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:
	{BODY}
Заменить:
{% IFNOT index_page %}
	{BODY}
  {% ENDIF %}

И после кода:
			<div class="bottom"></div>
		   </div>
			{% ENDFOR index_page_new_goods %}
	</div>
  
	<!--Вывод товаров таблицей-END-->
	{% ENDIF %}
Добавить:
	{% IF index_page %}
	  {BODY}
	{% ENDIF %}


#37 ole26rus

ole26rus

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

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

Отправлено 28 Октябрь 2013 - 15:06

Просмотр сообщенияKoderhan (28 Октябрь 2013 - 14:33) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:
{BODY}
Заменить:
{% IFNOT index_page %}
{BODY}
{% ENDIF %}

И после кода:
		 <div class="bottom"></div>
		 </div>
		 {% ENDFOR index_page_new_goods %}
</div>

<!--Вывод товаров таблицей-END-->
{% ENDIF %}
Добавить:
{% IF index_page %}
	 {BODY}
{% ENDIF %}

спасибо,работает.

#38 ole26rus

ole26rus

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

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

Отправлено 28 Октябрь 2013 - 15:22

подскажите еще как поменять цвет фона и шрифта, а так же размер шрифта

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

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


#39 ne_yana

ne_yana

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

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

Отправлено 28 Октябрь 2013 - 16:07

Просмотр сообщенияole26rus (28 Октябрь 2013 - 15:22) писал:

подскажите еще как поменять цвет фона и шрифта, а так же размер шрифта
Здравствуйте, в файле main.css замените
#bar {
background: url(http://design.premiumdutyfree.ru/bar-bg.jpg) center top repeat-x #E09814;
height: auto;
width: 100%;
z-index: 22;
-moz-border-radius: 0 0 1em 1em;
-webkit-border-radius: 0 0 1em 1em;
border-radius: 0 0 1em 1em;
}
замените на
#bar {
background: #E09814;
height: auto;
width: 100%;
z-index: 22;
-moz-border-radius: 0 0 1em 1em;
-webkit-border-radius: 0 0 1em 1em;
border-radius: 0 0 1em 1em;
}

.block .title.green {
background: url(http://design.premiumdutyfree.ru/leftcolum-block-title.jpg) top left no-repeat;
}
на
.block .title.green {
background: rgb(224, 61, 179);
}

.price {
width: 97.8%;
background: url(http://design.premiumdutyfree.ru/goods-price.jpg) top left repeat;
padding: 3.1% 0% 2.5% 0%;
-moz-border-radius: 0.6em;
-webkit-border-radius: 0.6em;
border-radius: 0.6em;
height: auto;
min-width: 185px;
background-image: linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%);
background-image: -o-linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%);
background-image: -moz-linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%);
background-image: -ms-linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.43, rgb(163,196,1)), color-stop(1, rgb(222,233,167)) );
}
на
.price {
width: 97.8%;
padding: 3.1% 0% 2.5% 0%;
-moz-border-radius: 0.6em;
-webkit-border-radius: 0.6em;
border-radius: 0.6em;
height: auto;
min-width: 185px;
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.43, rgb(202, 32, 121)), color-stop(1, rgb(236, 199, 230)) );
}
В параметре background нужно прописать желаемые цвета.

Шрифты:
замените
#bar .links a {
padding: 0.9em 0.7em 0.7em 0.7em;
height: auto;
display: block;
color: #FFF;
text-shadow: 1px 1px 1px rgba(204, 143, 0, 1);
text-transform: uppercase;
}
измените параметр color.

.block .title a {
color: #FFF;
text-decoration: none;
display: block;
}
на
.block .title a {
color: #FFF;
text-decoration: none;
display: block;
font-weight: bold;
}
и измените параметр color.

.price ul.cost {
background: none;
margin: 0 0 0 8px;
color: #54600c;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
display: block;
}
на
.price ul.cost {
background: none;
margin: 0 0 0 8px;
color: #FFFFFF;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
display: block;
font-weight: bold;
}


#40 ole26rus

ole26rus

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

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

Отправлено 07 Ноябрь 2013 - 08:10

подскажите пожалуйста, как переместить описание товара под характеристику товара

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

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





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

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