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


Как Увеличить Поле На Страницах?


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

#1 Eugie89

Eugie89

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

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

Отправлено 10 Апрель 2013 - 23:04

Здравствуйте, заранее прошу прощения, если на форуме уже отвечали на этот вопрос, - не нашла ответа.

Проблема банальная: текст разъезжается на странице от края до края. Как сделать нормальные поля?

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

  • поле.png


#2 optimushop

optimushop

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

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

Отправлено 10 Апрель 2013 - 23:14

Нраввввиится сайт))

#3 Eugie89

Eugie89

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

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

Отправлено 11 Апрель 2013 - 00:02

Вот пытаюсь довести до презентабельного вида магазин - много очень недочетов всплывает:

1) нужно отредактировать страницу корзины - добавить пробелы

2) Доработать дизайн бокового меню (вставить фон в раздел "Новости" и "Статьи" как в разделе "Каталог")

3) Страница товара. Очень хочу исправить ее недочеты визуальные - можно самостоятельно или лучше обратиться к дизайнеру-разработчику?
Отзывы на ней надо исправить - сделать нормальный межстрочный интервал.

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

  • корзина.png
  • менюшка.png
  • товар.png
  • отзывы.png


#4 Сake

Сake

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

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

Отправлено 11 Апрель 2013 - 02:44

а) Найдите в вашем шаблоне "HTML"

<td style="max-width: 700px; vertical-align: top;">

и замените на

<td style="max-width: 700px; vertical-align: top; padding-right: 10px;">

1) Добавьте в ваш файл стилей main.css

.cartForm h5 {
  color: #000000;
  margin-bottom: 15px;
}

2) Вам необходимо в шаблоне "HTML" найти аналогичную ссылку

<a href="{NEWS_SHOP_URL}">Новости магазина</a>

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

<div style="margin-left: -1px; width:219px; height:72px; background: url(http://dodo-studio.storeland.ru/web/upload/assets/images/157/156195/menubok.jpg);">
	<div style="padding: 30px 0px 0px 20px;">
		<a class="moder" style="color: #ffffff; font-size:21px;" href="{NEWS_SHOP_URL}">Новости магазина</a>
	</div>	
</div>

с другими ссылками заголовками необходимо проделать аналогичное изменение.

3) В шаблоне "Товар" найдите

<h5>Другие фото {GOODS_NAME}</h5>

и замените на

<h5>Другие фото</h5>

далее переместите блок

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
			  {% IFNOT goods_images_empty %}
				{% FOR goods_images %}
				  <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
				  {% IF goods_images.first %}
					<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
					  <h5>Другие фото</h5>
				  {% ENDIF %}
				  <!-- Уменьшенное изображение товара -->
				  <div class="goodsDataMainImagesIcon left">
					<a href="{goods_images.LARGE}" rel="gallery"  target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
					<!-- Идентификатор изображения товара, используется для галереи изображений -->
					<input type="hidden" rel="{goods_images.ID}" />
				  </div>
				  <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
				  {% IF goods_images.last %}
					</div>
				  {% ENDIF %}
				{% ENDFOR %}
			  {% ENDIF %}

вставив его после

<!-- Блок описания модификации -->
				  <tr>
					<td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %} colspan="2">
					  {GOODS_MOD_DESCRIPTION}
					</td>
				  </tr>

далее в файл стилей main.css добавьте

.goodsDataOpinion {
   margin-top: 10px;
}
.goodsDataOpinionListTable .ceil2 br {
   margin: 5px 0;
}


#5 Eugie89

Eugie89

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

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

Отправлено 13 Апрель 2013 - 07:26

а) не помогло. На главной странице сбоку добавилось немного пространства, но на странице Доставка все осталось по-прежнему.

#6 Eugie89

Eugie89

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

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

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

1)  Где именно тут .cartForm h5?
Где вставлять отступ?

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

  • корзина.png


#7 miyako

miyako

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

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

Отправлено 13 Апрель 2013 - 07:58

Просмотр сообщенияEugie89 (13 Апрель 2013 - 07:33) писал:

1)  Где именно тут .cartForm h5?
Где вставлять отступ?

Нашла у вас две ошибки: если вы не используете карусель - отключите вызов стилей и скрипта:
То есть уберите эти строки:
<link rel="stylesheet" href="http://design.zakdak.ru/carousel.css" type="text/css">
<script type="text/javascript" src="http://design.zakdak.ru/jquery.jcarousel.js"></script>
из шаблона HTML

Добавить .cartForm h5
нужно в файл main.css (Сайт-Редактор тем-Стили и Скрипты)

#8 Eugie89

Eugie89

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

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

Отправлено 13 Апрель 2013 - 08:14

2) Стилистику сделала для Новостей и Статей. А как для блока "Сравнить товары"?
И Сам список новостей и статей хотелось бы подвинуть чуть левее. Какой тег и куда добавить нужно?

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

  • корзина.png


#9 Eugie89

Eugie89

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

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

Отправлено 13 Апрель 2013 - 08:32

Просмотр сообщенияmiyako (13 Апрель 2013 - 07:58) писал:

Нашла у вас две ошибки: если вы не используете карусель - отключите вызов стилей и скрипта:
То есть уберите эти строки:
<link rel="stylesheet" href="http://design.zakdak.ru/carousel.css" type="text/css">
<script type="text/javascript" src="http://design.zakdak.ru/jquery.jcarousel.js"></script>
из шаблона HTML

Добавить .cartForm h5
нужно в файл main.css (Сайт-Редактор тем-Стили и Скрипты)

а я хочу использовать карусель :) Просто не знаю, как ее добавить. Пробовала - не получилось :)

#10 Eugie89

Eugie89

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

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

Отправлено 13 Апрель 2013 - 08:49

3) Я внесла изменения в страничку Товара. Вот что получилось.

Как теперь это выровнять?

.goodsDataOpinion {
   margin-top: 10px;
}
.goodsDataOpinionListTable .ceil2 br {
   margin: 5px 0;
}

Куда в css это добавить нужно?

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

  • корзина.png


#11 miyako

miyako

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

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

Отправлено 13 Апрель 2013 - 10:16

Просмотр сообщенияEugie89 (13 Апрель 2013 - 08:14) писал:

2) Стилистику сделала для Новостей и Статей. А как для блока "Сравнить товары"?
И Сам список новостей и статей хотелось бы подвинуть чуть левее. Какой тег и куда добавить нужно?

Вам нужно добавить код:
margin-left: -35px;
width: 219px;
height: 72px;
background: url(http://dodo-studio.storeland.ru/web/upload/assets/images/157/156195/menubok.jpg);
к блоку сравнения:
<div style=" padding: 8px 0px 0px 20px;">
					 
					 
					  <a href="http://zakdak.ru/compare" style="color: 001603; font-size:19px;" class="moder"><u>Сравнить товары</u></a>
						</div>


#12 miyako

miyako

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

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

Отправлено 13 Апрель 2013 - 10:27

Просмотр сообщенияEugie89 (13 Апрель 2013 - 08:32) писал:

а я хочу использовать карусель :) Просто не знаю, как ее добавить. Пробовала - не получилось :)

Для подключении карусели вам нужно добавить файлы jquery.jcarousel.js и carousel.css через Сайт-Редактор тем-Файлы

Просмотр сообщенияEugie89 (13 Апрель 2013 - 08:49) писал:

3) Я внесла изменения в страничку Товара. Вот что получилось.

Как теперь это выровнять?

.goodsDataOpinion {
   margin-top: 10px;
}
.goodsDataOpinionListTable .ceil2 br {
   margin: 5px 0;
}

Куда в css это добавить нужно?

Можете добавить в конец файла main.css

#13 Eugie89

Eugie89

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

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

Отправлено 13 Апрель 2013 - 11:20

Просмотр сообщенияmiyako (13 Апрель 2013 - 10:16) писал:

Вам нужно добавить код:
margin-left: -35px;
width: 219px;
height: 72px;
background: url(http://dodo-studio.storeland.ru/web/upload/assets/images/157/156195/menubok.jpg);
к блоку сравнения:
<div style=" padding: 8px 0px 0px 20px;">
					
					
					 <a href="http://zakdak.ru/compare" style="color: 001603; font-size:19px;" class="moder"><u>Сравнить товары</u></a>
					 </div>

Я конечно извиняюсь, я чайник в html. Но вы пишите, пожалуйста, куда именно вставлять: до, после. После какой строки. Потому что я вставляю и получается фигня какая-то.

#14 Eugie89

Eugie89

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

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

Отправлено 13 Апрель 2013 - 11:28

Просмотр сообщенияmiyako (13 Апрель 2013 - 10:27) писал:

Для подключении карусели вам нужно добавить файлы jquery.jcarousel.js и carousel.css через Сайт-Редактор тем-Файлы


Если бы этим дело ограничивалось))))

#15 miyako

miyako

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

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

Отправлено 13 Апрель 2013 - 14:40

Просмотр сообщенияEugie89 (13 Апрель 2013 - 11:28) писал:

Если бы этим дело ограничивалось))))

Найдите код в шаблоне HTML (430 стр):
<div style="margin-left: 0px; width:248px; height:34px; background: #f0efe4;">
				<div style=" padding: 8px 0px 0px 20px;">
и замените на:
   <div style="margin-left: -35px; width:219px; height:72px; background: url(http://dodo-studio.storeland.ru/web/upload/assets/images/157/156195/menubok.jpg);">
		<div style="padding: 30px 0px 0px 20px;">			   


#16 Eugie89

Eugie89

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

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

Отправлено 13 Апрель 2013 - 15:49

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


А еще у меня почему-то кнопка "купить" стала не такой как раньше. Была на фоне, а теперь просто текст.
Я сменила тариф с 250р на 750р и она пропала. Только сейчас заметили.

Как вернуть фон прежний как на рис. в кнопке "оформить"?

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

  • вопрос.jpg
  • вопрос2.jpg


#17 Eugie89

Eugie89

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

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

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

Блин, сейчас посмотрела, а меню нормально отражается только на главной, а вот со страницы товара или доставки, либо контактов - там все по-прежнему

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

  • меню.png


#18 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

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

Просмотр сообщенияEugie89 (13 Апрель 2013 - 15:49) писал:

Спасибо, фон появился. А вот текст остался серым. Сливается с фоном. Как можно его сделать белым и без подчеркивания?
в файле main.css сразу после блоков
a {
  color: #20a28c;
  text-decoration: none;
}
a:hover {
  color: #999;
  text-decoration: underline;
}
вставьте
ul#cats-menu li a {
text-decoration: none;
}

Просмотр сообщенияEugie89 (13 Апрель 2013 - 15:49) писал:

А еще у меня почему-то кнопка "купить" стала не такой как раньше. Была на фоне, а теперь просто текст.
Я сменила тариф с 250р на 750р и она пропала. Только сейчас заметили.
Как вернуть фон прежний как на рис. в кнопке "оформить"?
у Вас не тот класс стоит у этой кнопки. Для того, чтобы вернуть к кнопке фон, зайдите в шаблон Товар и найдите строчку
<a class="whtblue"  onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a><br /><br />
замените на
<a class="more-link"  onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a><br /><br />


#19 Eugie89

Eugie89

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

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

Отправлено 14 Апрель 2013 - 23:19

Просмотр сообщенияEugie89 (10 Апрель 2013 - 23:04) писал:

Здравствуйте, заранее прошу прощения, если на форуме уже отвечали на этот вопрос, - не нашла ответа. Проблема банальная: текст разъезжается на странице от края до края. Как сделать нормальные поля?
никто не подскажет?

и второе. На главной странице во фразах "Новости магазина" и "Статьи" - нет подчеркивания, а в "Сравнить товары" - подчеркивание есть. Его надо убрать. Как?

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

  • фотка.png
  • фотка.jpg


#20 miyako

miyako

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

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

Отправлено 15 Апрель 2013 - 07:06

Просмотр сообщенияEugie89 (14 Апрель 2013 - 23:19) писал:

никто не подскажет?

и второе. На главной странице во фразах "Новости магазина" и "Статьи" - нет подчеркивания, а в "Сравнить товары" - подчеркивание есть. Его надо убрать. Как?

Найдите в шаблоне HTML код:
<u>Сравнить товары</u>
и замените на:
<u>Сравнить товары</u>

На какой странице у вас текст разъезжается?




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

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