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


Изменение Надписи На «Кнопках» И Разделах Сайта, Углы Корзины И Пр

корзина поиск название раздела

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

#1 korki

korki

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

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

Отправлено 22 Октябрь 2015 - 12:00

Добрый день!

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

1. Надпись «купить» на кнопке у товара заменить на «В корзину» (это нужно сделать как на странице  товара, так и во всем каталоге. Соответственно, кнопку можно слегка удлинить, чтобы поместилось слово.

2. Надпись на странице каталога изменить на «Каталог», а не название сайта (см вложение).

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

4. Шрифт описания товара слегка срезается снизу (см вложение), как исправить?

5. Надпись «Другие фото «Название товара» под основной фотографией товара писать без названия товара, а просто «Другие фото».

6. При изменении размера экрана (те в мобильной версии №1) на некоторых изображениях товара текст с описанием товара заходит на фотографию (см вложение). Как исправить?

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

  • Снимок экрана 2015-10-22 в 11.48.10.png
  • Снимок экрана 2015-10-22 в 11.44.35.png
  • Снимок-экрана-2015-10-22-в-11.39.02.jpg


#2 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 22 Октябрь 2015 - 12:46

Просмотр сообщенияkorki (22 Октябрь 2015 - 12:00) писал:

Добрый день!

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

1. Надпись «купить» на кнопке у товара заменить на «В корзину» (это нужно сделать как на странице  товара, так и во всем каталоге. Соответственно, кнопку можно слегка удлинить, чтобы поместилось слово.

2. Надпись на странице каталога изменить на «Каталог», а не название сайта (см вложение).

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

4. Шрифт описания товара слегка срезается снизу (см вложение), как исправить?

5. Надпись «Другие фото «Название товара» под основной фотографией товара писать без названия товара, а просто «Другие фото».

6. При изменении размера экрана (те в мобильной версии №1) на некоторых изображениях товара текст с описанием товара заходит на фотографию (см вложение). Как исправить?
Здравствуйте.
1. В шаблоне HTML замените все три слова на В корзину. Также в шаблоне Товары (два слова), и в шаблоне Товар (4 слова).

2. В шаблоне Товары замените
	<h1 class="page_title ftheme-color btheme-color">{CATEGORY_NAME}</h1>
на
	{% IF index_page %}
	  <h1 class="page_title ftheme-color btheme-color">Каталог</h1>
	{% ELSE %}
	  <h1 class="page_title ftheme-color btheme-color">{CATEGORY_NAME}</h1>
	{% ENDIF %}

3. В main.css замените
#search_mini_form input {
		padding: 2px 90px 2px 4px;
		font-size: 15px;
		color: #FFF;
		width: 120%;
		background: transparent
;
}
на
#search_mini_form input {
		padding: 2px 90px 2px 4px;
		font-size: 15px;
		color: #FFF;
		width: 120%;
		background: transparent;
		border-radius: 3px;
}
затем
.incart > a{color:white;display:block;font-weight:bold;}
замените на
.incart > a{color:white;display:block;font-weight:bold;border-radius: 3px;}
и в конец main.css добавьте
.incart .carttotalqty.theme-color {border-radius: 3px 0 0 3px;}

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

5. В шаблоне Товар замените
				  <h5>Другие фото {GOODS_NAME}</h5>
на
				  <h5>Другие фото</h5>
6. В конец main.css добавьте
@media only screen and (max-width:1160px){
  .container .cols.col-6 {
	  width: 100%;
  }
}


#3 korki

korki

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

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

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

Просмотр сообщенияAlekseys (22 Октябрь 2015 - 12:46) писал:

Здравствуйте.
1. В шаблоне HTML замените все три слова на В корзину. Также в шаблоне Товары (два слова), и в шаблоне Товар (4 слова).

2. В шаблоне Товары замените
<h1 class="page_title ftheme-color btheme-color">{CATEGORY_NAME}</h1>
на
{% IF index_page %}
	 <h1 class="page_title ftheme-color btheme-color">Каталог</h1>
{% ELSE %}
	 <h1 class="page_title ftheme-color btheme-color">{CATEGORY_NAME}</h1>
{% ENDIF %}

3. В main.css замените
#search_mini_form input {
	 padding: 2px 90px 2px 4px;
	 font-size: 15px;
	 color: #FFF;
	 width: 120%;
	 background: transparent
;
}
на
#search_mini_form input {
	 padding: 2px 90px 2px 4px;
	 font-size: 15px;
	 color: #FFF;
	 width: 120%;
	 background: transparent;
	 border-radius: 3px;
}
затем
.incart > a{color:white;display:block;font-weight:bold;}
замените на
.incart > a{color:white;display:block;font-weight:bold;border-radius: 3px;}
и в конец main.css добавьте
.incart .carttotalqty.theme-color {border-radius: 3px 0 0 3px;}

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

5. В шаблоне Товар замените
				 <h5>Другие фото {GOODS_NAME}</h5>
на
				 <h5>Другие фото</h5>
6. В конец main.css добавьте
@media only screen and (max-width:1160px){
.container .cols.col-6 {
	 width: 100%;
}
}

Спасибо большое!
Все помогло!

По пункту 4:  Срезаются буквы с выступом вниз (р,д,у... и тд). Во всех товарах. Вот ссылка на один из них: http://otkorkidokork...nekdoty-D-Harms
Браузер Chrome, Safari.

#4 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

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

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

Спасибо большое!
Все помогло!

По пункту 4:  Срезаются буквы с выступом вниз (р,д,у... и тд). Во всех товарах. Вот ссылка на один из них: http://otkorkidokork...nekdoty-D-Harms
Браузер Chrome, Safari.

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

#5 korki

korki

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

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

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

Просмотр сообщенияЮля123 (22 Октябрь 2015 - 15:36) писал:

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

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

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

  • 222.jpg
  • 111.jpg


#6 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

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

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

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

Зайдите в стили main.css, найдите код

.productName h2{
color:#666;
font-size:28px;
text-align:left;
overflow:hidden;
}

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

.productName h2 {
	color: #666;
	font-size: 28px;
	text-align: left;
	overflow: hidden;
	line-height: 40px;
}


#7 korki

korki

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

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

Отправлено 22 Октябрь 2015 - 16:14

Просмотр сообщенияЮля123 (22 Октябрь 2015 - 15:59) писал:

Зайдите в стили main.css, найдите код

.productName h2{
color:#666;
font-size:28px;
text-align:left;
overflow:hidden;
}

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

.productName h2 {
color: #666;
font-size: 28px;
text-align: left;
overflow: hidden;
line-height: 40px;
}

Вот спасибо! Помогло!





Темы с аналогичным тегами корзина, поиск, название раздела

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

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