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


Изменить Несколько Элементов

Автор severyanin, 07 апр. 2014 23:05

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

#41 Castiel

Castiel

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

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

Отправлено 16 Апрель 2014 - 16:52

Просмотр сообщенияseveryanin (16 Апрель 2014 - 16:22) писал:

К сожалению, не помогло, вернул обратно. Данный код только уменьшил размер блока.
В общем на данный момент у меня возникли следующие вопросы:
1. Уменьшить расстояние между словами в блоке "с этим товаром смотрели" (screen1-1.png)
2. Изменить цвет текста заголовком новостей и статей (screen1-2.png)
3. Возможно ли продлить подвал вправо до конца и разместить счетчики в нем. (screen1-3.png)

1. Необходимо удалить данный класс txtalgnjsf из блока вывода товара в шаблоне HTML, Товары, Товар.
Пример
class="text fnt11 fntarl txtalgnjsf clr"
Заменить на
class="text fnt11 fntarl clr"

2. В main.css   color: #b480c8; заменить на свой цвет
.block .main .blocknews .title a {
color: #b480c8;
display: block;
text-decoration: underline;
}

3. main.css
Находим
#footer .button {
background: url({ASSETS_IMAGES_PATH}footer-border-bg.jpg) #e8e5dc left bottom no-repeat;
padding: 25px 0 0 35px;
height: 54px;
max-width: 300px;
}
Заменяем на
#footer .button {
background: url({ASSETS_IMAGES_PATH}footer-border-bg.jpg)right bottom no-repeat;
padding: 25px 0 0 35px;
height: 54px;
max-width: 300px;
}

#42 severyanin

severyanin

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

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородМурманск

Отправлено 16 Апрель 2014 - 17:26

Просмотр сообщенияCastiel (16 Апрель 2014 - 16:52) писал:

1. Необходимо удалить данный класс txtalgnjsf из блока вывода товара в шаблоне HTML, Товары, Товар.
Пример
class="text fnt11 fntarl txtalgnjsf clr"
Заменить на
class="text fnt11 fntarl clr"

2. В main.css   color: #b480c8; заменить на свой цвет
.block .main .blocknews .title a {
color: #b480c8;
display: block;
text-decoration: underline;
}

3. main.css
Находим
#footer .button {
background: url({ASSETS_IMAGES_PATH}footer-border-bg.jpg) #e8e5dc left bottom no-repeat;
padding: 25px 0 0 35px;
height: 54px;
max-width: 300px;
}
Заменяем на
#footer .button {
background: url({ASSETS_IMAGES_PATH}footer-border-bg.jpg)right bottom no-repeat;
padding: 25px 0 0 35px;
height: 54px;
max-width: 300px;
}
1. Не помогло, пробелы между словами так и остались.
3. Все отлично, но необходимо счетчики сдвинуть влево, чтобы в подвал вписались (screen1-4)

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

  • screen1-4.png

#43 MikDark

MikDark

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

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

Отправлено 16 Апрель 2014 - 17:41

Просмотр сообщенияseveryanin (16 Апрель 2014 - 17:26) писал:

1. Не помогло, пробелы между словами так и остались.
3. Все отлично, но необходимо счетчики сдвинуть влево, чтобы в подвал вписались (screen1-4)

1) Вы не удалили тот код. Найдите в шаблоне Товар строку:
<div class="opis"><div class="text fnt11 fntarl txtalgnjsf clr" style="text-overflow: ellipsis;">{related_views_goods.DESCRIPTION_SHORT}</div></div>

и замените ее на:
<div class="opis"><div class="text fnt11 fntarl clr" style="text-overflow: ellipsis;">{related_views_goods.DESCRIPTION_SHORT}</div></div>

2) В main.css найдите код:
#footer .button {
background: url(http://kpkmag.storeland.net/footer-border-bg.jpg)right bottom no-repeat;
padding: 25px 0 0 35px;
height: 54px;
max-width: 300px;
}

и замените на:
#footer .button {
background: url(http://kpkmag.storeland.net/footer-border-bg.jpg)right bottom no-repeat;
padding: 25px 30px 0 35px;
height: 54px;
max-width: 300px;
}

#44 severyanin

severyanin

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

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородМурманск

Отправлено 16 Апрель 2014 - 20:28

Отлично, благодарю Вас!

Подскажите, пожалуйста, как изменить дату отзыва, если невозможно, то удалить ее.
Переношу уже существующие отзывы, поэтому если они все будут с одинаковой датой, это не есть гуд.
Необходимо сделать и для отзывов к товарам и для страницы отзывов о магазине.

#45 MikDark

MikDark

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

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

Отправлено 16 Апрель 2014 - 20:32

Просмотр сообщенияseveryanin (16 Апрель 2014 - 20:28) писал:

Отлично, благодарю Вас!

Подскажите, пожалуйста, как изменить дату отзыва, если невозможно, то удалить ее.
Переношу уже существующие отзывы, поэтому если они все будут с одинаковой датой, это не есть гуд.
Необходимо сделать и для отзывов к товарам и для страницы отзывов о магазине.

Можно скрыть отображение дат. Для этого в main.css добавляем:
li.date {
display:none;
}

#46 severyanin

severyanin

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

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородМурманск

Отправлено 16 Апрель 2014 - 20:41

Просмотр сообщенияMikDark (16 Апрель 2014 - 20:32) писал:

Можно скрыть отображение дат. Для этого в main.css добавляем:
li.date {
display:none;
}
Получилось, Как вариант подойдет.
Спасибо!

#47 severyanin

severyanin

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

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородМурманск

Отправлено 17 Апрель 2014 - 10:06

Здравствуйте!
Снова нужна Ваша помощь.
Необходимо выровнять блоки категорий, сделать их одного размера. (screen1-5)

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

  • screen1-5.PNG

#48 Castiel

Castiel

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

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

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

Просмотр сообщенияseveryanin (17 Апрель 2014 - 10:06) писал:

Здравствуйте!
Снова нужна Ваша помощь.
Необходимо выровнять блоки категорий, сделать их одного размера. (screen1-5)
Здравствуйте,

В файле "main.css".
Найти:
.categoriesListImg {
min-height: 132px;
margin-top: 6%;
}

Заменить:
.categoriesListImg {
height: 160px;
margin-top: 6%;
width: 170px;
}

#49 severyanin

severyanin

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

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородМурманск

Отправлено 17 Апрель 2014 - 12:50

Просмотр сообщенияCastiel (17 Апрель 2014 - 11:06) писал:

Здравствуйте,

В файле "main.css".
Найти:
.categoriesListImg {
min-height: 132px;
margin-top: 6%;
}

Заменить:
.categoriesListImg {
height: 160px;
margin-top: 6%;
width: 170px;
}

Благодарю!
Еще один момент:
Необходимо убрать курсив и изменить цвет шрифта в нижнем меню (screen1-6.png)

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

  • screen1-6.PNG

#50 MikDark

MikDark

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

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

Отправлено 17 Апрель 2014 - 12:57

Просмотр сообщенияseveryanin (17 Апрель 2014 - 12:50) писал:

Благодарю!
Еще один момент:
Необходимо убрать курсив и изменить цвет шрифта в нижнем меню (screen1-6.png)

В main.css Вам нужно найти код:
.bottommenu ul li a { background:url({ASSETS_IMAGES_PATH}bottom-menu.jpg) repeat-x; height: 1.2em; padding: 0.4em 1em; display:block; color:#fff; text-decoration:none;  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em;  border-radius: 0.6em; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);  }

и заменить на:
.bottommenu ul li a { background:url({ASSETS_IMAGES_PATH}bottom-menu.jpg) repeat-x; height: 1.2em; padding: 0.4em 1em; display:block; color:#fff; text-decoration:none;  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em;  border-radius: 0.6em; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); font-style: normal !important;}

#fff - это код цвета текста, его можно поменять.

#51 severyanin

severyanin

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

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородМурманск

Отправлено 17 Апрель 2014 - 18:49

Просмотр сообщенияMikDark (17 Апрель 2014 - 12:57) писал:

В main.css Вам нужно найти код:
.bottommenu ul li a { background:url({ASSETS_IMAGES_PATH}bottom-menu.jpg) repeat-x; height: 1.2em; padding: 0.4em 1em; display:block; color:#fff; text-decoration:none; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }

и заменить на:
.bottommenu ul li a { background:url({ASSETS_IMAGES_PATH}bottom-menu.jpg) repeat-x; height: 1.2em; padding: 0.4em 1em; display:block; color:#fff; text-decoration:none; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); font-style: normal !important;}

#fff - это код цвета текста, его можно поменять.

Спасибо! Понял.

Прошу помощи в очередном допиле.
1. Необходимо убрать надпись в описаниях у товаров. (screen1-7.png)
2. Слова "корзина" и "сумма:...руб." сдвинуть немного вправо, чтобы слева поместилась иконка корзины и установить иконку. Шрифт слов "сумма:...руб." немного увеличить. (screen1-8.png)
- Вместо надписи skype установить иконку.
Иконки все загрузил: корзина (k.png), скайп (skype.png)
Благодарю!

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

  • screen1-7.png
  • screen1-8 .png

#52 MikDark

MikDark

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

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

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

Просмотр сообщенияseveryanin (17 Апрель 2014 - 18:49) писал:

Спасибо! Понял.

Прошу помощи в очередном допиле.
1. Необходимо убрать надпись в описаниях у товаров. (screen1-7.png)
2. Слова "корзина" и "сумма:...руб." сдвинуть немного вправо, чтобы слева поместилась иконка корзины и установить иконку. Шрифт слов "сумма:...руб." немного увеличить. (screen1-8.png)
- Вместо надписи skype установить иконку.
Иконки все загрузил: корзина (k.png), скайп (skype.png)
Благодарю!

1) В main.css добавьте:
.infogood .titlegood {
display: none;
}

2) Туда же добавьте:
.headright ul {
padding-left: 70px;
background: url({ASSETS_IMAGES_PATH}k.png);
background-repeat: no-repeat;
}
.bottommain .headright ul li.title {
background: none;
}

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

#53 severyanin

severyanin

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

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородМурманск

Отправлено 17 Апрель 2014 - 20:08

Просмотр сообщенияMikDark (17 Апрель 2014 - 19:24) писал:

1) В main.css добавьте:
.infogood .titlegood {
display: none;
}

2) Туда же добавьте:
.headright ul {
padding-left: 70px;
background: url({ASSETS_IMAGES_PATH}k.png);
background-repeat: no-repeat;
}
.bottommain .headright ul li.title {
background: none;
}

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

По первому вопросу все Ок.
По иконкам, появилась только корзина, очень огромная, так что не влезла.
Нужно загрузить изображение определенного размера или можно каким-то образом уменьшить?

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

  • screen1-9.png

#54 Ирина345

Ирина345

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

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

Отправлено 17 Апрель 2014 - 21:31

Просмотр сообщенияseveryanin (17 Апрель 2014 - 20:08) писал:

По первому вопросу все Ок.
По иконкам, появилась только корзина, очень огромная, так что не влезла.
Нужно загрузить изображение определенного размера или можно каким-то образом уменьшить?
Здравствуйте найдите в main.css
.headright ul {
padding-left: 70px;
background: url({ASSETS_IMAGES_PATH}k.png);
background-repeat: no-repeat;
}

замените

.headright ul {
padding-left: 74px;
background: url({ASSETS_IMAGES_PATH}k.png);
background-repeat: no-repeat;
background-size: contain;
width: 133px;
height: 74px;
}

#55 severyanin

severyanin

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

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородМурманск

Отправлено 18 Апрель 2014 - 07:24

Просмотр сообщенияИрина345 (17 Апрель 2014 - 21:31) писал:

Здравствуйте найдите в main.css
.headright ul {
padding-left: 70px;
background: url({ASSETS_IMAGES_PATH}k.png);
background-repeat: no-repeat;
}

замените

.headright ul {
padding-left: 74px;
background: url({ASSETS_IMAGES_PATH}k.png);
background-repeat: no-repeat;
background-size: contain;
width: 133px;
height: 74px;
}
Отлично, вот что получилось:
теперь текст нужно сдвинуть вправо немного и корзину к тексту.

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

  • screen1-10.PNG

#56 Castiel

Castiel

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

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

Отправлено 18 Апрель 2014 - 07:33

Просмотр сообщенияseveryanin (18 Апрель 2014 - 07:24) писал:

Отлично, вот что получилось:
теперь текст нужно сдвинуть вправо немного и корзину к тексту.
Здравствуйте,

В файле "main.css".
Найти:
#header .bottommain .headright {
width: 32%;
padding: 0.7% 0 0 0;
margin-right: 3%;
}

Заменить:
#header .bottommain .headright {
width: 27%;
padding: 0.7% 0 0 0;
margin-right: 3%;
}

#57 severyanin

severyanin

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

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородМурманск

Отправлено 18 Апрель 2014 - 09:13

Просмотр сообщенияCastiel (18 Апрель 2014 - 07:33) писал:

Здравствуйте,

В файле "main.css".
Найти:
#header .bottommain .headright {
width: 32%;
padding: 0.7% 0 0 0;
margin-right: 3%;
}

Заменить:
#header .bottommain .headright {
width: 27%;
padding: 0.7% 0 0 0;
margin-right: 3%;
}
Ок. Спасибо. Получилось.
- Нужно увеличить шрифт у текста "сумма:...рублей"
- и еще необходимо сделать иконку корзины кликабельной, чтобы при нажатии открывалось содержимое корзины.

#58 MikDark

MikDark

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

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

Отправлено 18 Апрель 2014 - 09:24

Просмотр сообщенияseveryanin (18 Апрель 2014 - 09:13) писал:

Ок. Спасибо. Получилось.
- Нужно увеличить шрифт у текста "сумма:...рублей"
- и еще необходимо сделать иконку корзины кликабельной, чтобы при нажатии открывалось содержимое корзины.

1) В main.css добавьте код:
.cartSum {
font-size: 20px;
}

где 20px - Размер текста

2) В шаблоне HTML найдите код:
<div class="headright fright txtalgncnt fnt11 fmlptn cartInfo">
			<ul>
				<li class="title fnt16"><a href="{CART_URL}"><span>Корзина</span></a></li>
				<li class="fntarl fnt11 i cartSum">Сумма: {% IF cart_count_empty %} 0 {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</li>
			   
			</ul>
		</div>
и замените на:
<a href="{CART_URL}"><div class="headright fright txtalgncnt fnt11 fmlptn cartInfo">
			<ul>
				<li class="title fnt16"><a href="{CART_URL}"><span>Корзина</span></a></li>
				<li class="fntarl fnt11 i cartSum">Сумма: {% IF cart_count_empty %} 0 {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</li>
			   
			</ul>
		</div>
</a>

#59 severyanin

severyanin

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

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородМурманск

Отправлено 18 Апрель 2014 - 09:43

Цитата

2) В шаблоне HTML найдите код:
<div class="headright fright txtalgncnt fnt11 fmlptn cartInfo">
		 <ul>
			 <li class="title fnt16"><a href="{CART_URL}"><span>Корзина</span></a></li>
			 <li class="fntarl fnt11 i cartSum">Сумма: {% IF cart_count_empty %} 0 {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</li>
			
		 </ul>
	 </div>
и замените на:
<a href="{CART_URL}"><div class="headright fright txtalgncnt fnt11 fmlptn cartInfo">
		 <ul>
			 <li class="title fnt16"><a href="{CART_URL}"><span>Корзина</span></a></li>
			 <li class="fntarl fnt11 i cartSum">Сумма: {% IF cart_count_empty %} 0 {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</li>
			
		 </ul>
	 </div>
</a>

Не получилось. Корзина все еще не кликабельна.

#60 MikDark

MikDark

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

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

Отправлено 18 Апрель 2014 - 10:05

Просмотр сообщенияseveryanin (18 Апрель 2014 - 09:43) писал:

Не получилось. Корзина все еще не кликабельна.

Попробуйте тогда заменить:
<a href="{CART_URL}"><div class="headright fright txtalgncnt fnt11 fmlptn cartInfo">
						<ul>
								<li class="title fnt16"><a href="{CART_URL}"><span>Корзина</span></a></li>
								<li class="fntarl fnt11 i cartSum"> {% IF cart_count_empty %} 0 {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</li>
						  
						</ul>
				</div>
</a>

на

<div class="headright fright txtalgncnt fnt11 fmlptn cartInfo">
						 <a href="{CART_URL}"><ul>
								<li class="title fnt16"><a href="{CART_URL}"><span>Корзина</span></a></li>
								<li class="fntarl fnt11 i cartSum"> {% IF cart_count_empty %} 0 {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</li>
						  
						</ul></a>
				</div>

Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Радость
  5. → Изменение общей стилистики
  6. Privacy Policy