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


Поменять Расстояния На Странице Товара

Автор alena_os, 10 нояб. 2014 07:29

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

#1 alena_os

alena_os

    Новичок

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

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

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

Помогите немного изменить расстояния на страничке товара

1) немного поднять блок с описанием наверх

2) Начало описания товара поднять вверх

Скрин прилагаю

Спасибо=)

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

  • слайд 1.jpg

#2 AnnaM

AnnaM

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

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

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

Просмотр сообщенияalena_os (10 Ноябрь 2014 - 07:29) писал:

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

Помогите немного изменить расстояния на страничке товара

1) немного поднять блок с описанием наверх

2) Начало описания товара поднять вверх

Скрин прилагаю

Спасибо=)
1. в файле main.css замените 
.product-page .product-tab {
margin: 80px 0;
}
на 
.product-page .product-tab {
margin: 0;
}
2.В main.css замените 
.product-page .product-tab .tab-content {
padding: 36px 10px 10px 10px;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}
на 
.product-page .product-tab .tab-content {
padding: 10px 10px 10px 10px;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}

#3 alena_os

alena_os

    Новичок

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

Отправлено 11 Ноябрь 2014 - 14:28

Спасибо.  А как на странице "Контакты"   feedback, поменять контактные данные и карту сменить (где красная площадь)?

И еще в этой теме "Нефрит" есть баг. В браузере яндекс, если зайти на страницу товара, затем открыть фотографию товара, закрыть фотографию товара и начать спускаться вниз по странице стрелочками, появляются JS ошибки. Как это исправить?

#4 Danil

Danil

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

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

Отправлено 11 Ноябрь 2014 - 17:22

Просмотр сообщенияalena_os (11 Ноябрь 2014 - 14:28) писал:

Спасибо.  А как на странице "Контакты"   feedback, поменять контактные данные и карту сменить (где красная площадь)?

И еще в этой теме "Нефрит" есть баг. В браузере яндекс, если зайти на страницу товара, затем открыть фотографию товара, закрыть фотографию товара и начать спускаться вниз по странице стрелочками, появляются JS ошибки. Как это исправить?
В шаблоне "Связь с администрацией" найдите код 
<div class="col-sm-12 col-md-12 map-box">
	  <p><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d561.3157662584639!2d37.62073867360979!3d55.753932264112436!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b54a5a738fa419%3A0x7c347d506b52311f!2z0JrRgNCw0YHQvdCw0Y8g0J_Qu9C-0YnQsNC00Yw!5e0!3m2!1sru!2sru!4v1414594260608" frameborder="0"  width="100%" height="270"></iframe></p>
	</div>
и замените ссылку на карту.
Чтобы поменять контактные данные зайдите в раздел Настройки-Основные.

#5 alena_os

alena_os

    Новичок

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

Отправлено 11 Ноябрь 2014 - 19:28

Спасибо

#6 working_working

working_working

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

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

Отправлено 25 Январь 2015 - 21:30

Просмотр сообщенияAnnaM (10 Ноябрь 2014 - 07:36) писал:

1. в файле main.css замените 
.product-page .product-tab {
margin: 80px 0;
}
на 
.product-page .product-tab {
margin: 0;
}
2.В main.css замените 
.product-page .product-tab .tab-content {
padding: 36px 10px 10px 10px;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}
на 
.product-page .product-tab .tab-content {
padding: 10px 10px 10px 10px;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}

Добрый вечер. Подскажите пожалуйста

1. Если в магазине каталог всех товаров делится на 2 раздела (в каждом разделе по n товаров). В 1 разделе это расстояние нормальное, но в другом оно слишком большое. Есть ли возможность изменить расстояние только для 1 раздела. (скрин прикладываю)

2. Как изменить расстояние в карточке товара в самом низу (скрин прикладываю)
3. продолжение п.2 если нет "сопутствующих товаров" и нет товаров "с этим товаром смотрят", то где в коде параметр отвечающий за расстояние.

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

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

  • Снимок1.JPG

#7 Danil

Danil

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

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

Отправлено 26 Январь 2015 - 11:58

Просмотр сообщенияworking_working (25 Январь 2015 - 21:30) писал:

Добрый вечер. Подскажите пожалуйста

1. Если в магазине каталог всех товаров делится на 2 раздела (в каждом разделе по n товаров). В 1 разделе это расстояние нормальное, но в другом оно слишком большое. Есть ли возможность изменить расстояние только для 1 раздела. (скрин прикладываю)

2. Как изменить расстояние в карточке товара в самом низу (скрин прикладываю)
3. продолжение п.2 если нет "сопутствующих товаров" и нет товаров "с этим товаром смотрят", то где в коде параметр отвечающий за расстояние.

Заранее спасибо.
Здравствуйте.
Пришлите номер аккаунта, так же прикрепите оставшиеся скриншоты.

#8 working_working

working_working

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

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

Отправлено 26 Январь 2015 - 22:18

Просмотр сообщенияDanil (26 Январь 2015 - 11:58) писал:

Здравствуйте.
Пришлите номер аккаунта, так же прикрепите оставшиеся скриншоты.

1. скрин "1". можно ли изменить это расстояние для всех товаров из раздела "А", но оставить это расстояние для всех товаров из раздела "Б". Если да, то как, если нет, то как изменить это расстояние вообще для всех товаров.

2. скрин "3".

3. скрин "2"

4. и еще возник 1 вопрос. Есть код социальных кнопок от http://share.pluso.ru
Как вставить их в это место скрин "4"  и переместить от туда (иконку "добавить в избранное" и сравнение) как на скрине.

Номер аккаунта: SL-250115

Спасибо.

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

  • 1.JPG
  • 2.JPG
  • 3.JPG
  • 4.JPG

#9 working_working

working_working

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

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

Отправлено 27 Январь 2015 - 16:38

Просмотр сообщенияworking_working (26 Январь 2015 - 22:18) писал:

1. скрин "1". можно ли изменить это расстояние для всех товаров из раздела "А", но оставить это расстояние для всех товаров из раздела "Б". Если да, то как, если нет, то как изменить это расстояние вообще для всех товаров.

2. скрин "3".

3. скрин "2"

4. и еще возник 1 вопрос. Есть код социальных кнопок от http://share.pluso.ru
Как вставить их в это место скрин "4"  и переместить от туда (иконку "добавить в избранное" и сравнение) как на скрине.

Номер аккаунта SL-250115

Спасибо.

Помогите пожалуйста с этими вопросами :rolleyes:

#10 working_working

working_working

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

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

Отправлено 28 Январь 2015 - 08:00

Просмотр сообщенияworking_working (27 Январь 2015 - 16:38) писал:

Помогите пожалуйста с этими вопросами :rolleyes:

Помогите пожалуйста с этими вопросами :rolleyes:

#11 Ирина345

Ирина345

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

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

Отправлено 28 Январь 2015 - 09:35

Просмотр сообщенияworking_working (28 Январь 2015 - 08:00) писал:

Помогите пожалуйста с этими вопросами :rolleyes:
Здравствуйте, Вы спрашиваете вопросы по шаблону Нефрит,  а на данный момент у Вас на аккаунте установлен шаблон "пластик".

#12 working_working

working_working

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

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

Отправлено 28 Январь 2015 - 10:31

Просмотр сообщенияИрина345 (28 Январь 2015 - 09:35) писал:

Здравствуйте, Вы спрашиваете вопросы по шаблону Нефрит,  а на данный момент у Вас на аккаунте установлен шаблон "пластик".

Там есть второй магазин на шаблоне "Нефрит" (пока еще без официального домена). У него вот такой номер: s1045268

#13 Ирина345

Ирина345

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

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

Отправлено 28 Январь 2015 - 11:41

Просмотр сообщенияworking_working (28 Январь 2015 - 10:31) писал:

Там есть второй магазин на шаблоне "Нефрит" (пока еще без официального домена). У него вот такой номер: s1045268
1. найдите в main.css
.product-page .product-tab {
margin: 80px 0;
}
замените на

.product-page .product-tab {
margin: 32px 0;
}

2.3 найдите
.page-box-content {
padding-bottom: 510px;
}
замените на

.page-box-content {
padding-bottom: 50px;
}

4. найдите в шаблоне Товар код
<div class="actions">
и перед данной строкой вставьте код кнопок.

#14 working_working

working_working

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

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

Отправлено 28 Январь 2015 - 21:44

Просмотр сообщенияИрина345 (28 Январь 2015 - 11:41) писал:

1. найдите в main.css
.product-page .product-tab {
margin: 80px 0;
}
замените на

.product-page .product-tab {
margin: 32px 0;
}

2.3 найдите
.page-box-content {
padding-bottom: 510px;
}
замените на

.page-box-content {
padding-bottom: 50px;
}

4. найдите в шаблоне Товар код
<div class="actions">
и перед данной строкой вставьте код кнопок.

Спасибо, все получилось. Остался только вопрос по, как перенести (иконку "добавить в избранное" и сравнение) как на скрине.

и еще как добавить ярлык для соц. сетей в блоке "Контакты" в самом низу сайта (слева). Картинка у меня есть.

В коде Html нашел такой код:

<p>Мы в Соц. Сетях</p>
                <a class="sbtnf sbtnf-rounded color color-hover icon-twitter" href="#"></a>
                <a class="sbtnf sbtnf-circle color color-hover icon-facebook" href="#"></a>
                <a class="sbtnf sbtnf-circle color color-hover icon-vk" href="#"></a>
                <a class="sbtnf sbtnf-rounded color color-hover icon-youtube" href="#"></a>

Не пойму где лежат эти самые иконки и как к ним обратиться

#15 Vaccina

Vaccina

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

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

Отправлено 29 Январь 2015 - 00:35

В шаблоне Товар найдите:
<div class="actions">
					  <!-- Если есть возможность добавить товар в избранное -->
					  {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
						<a class="add-wishlist inProd added"
						  data-action-is-add="0"
						  data-action-add-url="{FAVORITES_ADD_URL}"
						  data-action-delete-url="{FAVORITES_DELETE_URL}"
						  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
						  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
						  title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
						  data-msgtype="2"
						  data-gname="{GOODS_NAME}"
						  href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
						><div class="icon-heart-o"></div></a>
					  {% ELSE %}
						<a class="add-wishlist inProd"
						  data-action-is-add="1"
						  data-action-add-url="{FAVORITES_ADD_URL}"
						  data-action-delete-url="{FAVORITES_DELETE_URL}"
						  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
						  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
						  data-msgtype="2"
						  data-gname="{GOODS_NAME}"
						  title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
						><div class="icon-heart-o"></div></a>
					  {% ENDIF %}
					  <!-- Если есть возможность добавить товар в сравнение -->
					  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
						  <a class="add-compare added inProd"
							data-action-is-add="0"
							data-action-add-url="{COMPARE_ADD_URL}"
							data-action-delete-url="{COMPARE_DELETE_URL}"
							data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
							data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
							data-msgtype="1"
							data-gname="{GOODS_NAME}"
							data-prodname="{GOODS_NAME}"
							data-produrl="{GOODS_URL}"
							data-id="{GOODS_ID}"
							data-mod-id="{GOODS_MOD_ID}"
							title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
							href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						  ><div class="icon-loop"></div></a>
						{% ELSE %}
						  <a class="add-compare inProd"
							data-action-is-add="1"
							data-action-add-url="{COMPARE_ADD_URL}"
							data-action-delete-url="{COMPARE_DELETE_URL}"
							data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
							data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
							data-msgtype="1"
							data-gname="{GOODS_NAME}"
							data-prodname="{GOODS_NAME}"
							data-produrl="{GOODS_URL}"
							data-id="{GOODS_ID}"
							data-mod-id="{GOODS_MOD_ID}"
							title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
							href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						  ><div class="icon-loop"></div></a>
						{% ENDIF %}
					  {% ENDIF %}
					  </div>

перенесите поставив после:
<input type="button" value="В корзину" id="button-cart" class="btn add-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

далее в main.css найдите:
.product-page .col-md-7 .actions {
margin: 0 0 40px;
}
замените на:
.product-page .col-md-7 .actions {
vertical-align: top;
display: inline-block;
}

Иконки в подвале шрифтовые и находятся в icon.css

#16 working_working

working_working

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

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

Отправлено 29 Январь 2015 - 09:21

Просмотр сообщенияVaccina (29 Январь 2015 - 00:35) писал:

В шаблоне Товар найдите:
<div class="actions">
					 <!-- Если есть возможность добавить товар в избранное -->
					 {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
					 <a class="add-wishlist inProd added"
						 data-action-is-add="0"
						 data-action-add-url="{FAVORITES_ADD_URL}"
						 data-action-delete-url="{FAVORITES_DELETE_URL}"
						 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
						 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
						 title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
						 data-msgtype="2"
						 data-gname="{GOODS_NAME}"
						 href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
					 ><div class="icon-heart-o"></div></a>
					 {% ELSE %}
					 <a class="add-wishlist inProd"
						 data-action-is-add="1"
						 data-action-add-url="{FAVORITES_ADD_URL}"
						 data-action-delete-url="{FAVORITES_DELETE_URL}"
						 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
						 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
						 data-msgtype="2"
						 data-gname="{GOODS_NAME}"
						 title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
					 ><div class="icon-heart-o"></div></a>
					 {% ENDIF %}
					 <!-- Если есть возможность добавить товар в сравнение -->
					 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					 {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
						 <a class="add-compare added inProd"
						 data-action-is-add="0"
						 data-action-add-url="{COMPARE_ADD_URL}"
						 data-action-delete-url="{COMPARE_DELETE_URL}"
						 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
						 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
						 data-msgtype="1"
						 data-gname="{GOODS_NAME}"
						 data-prodname="{GOODS_NAME}"
						 data-produrl="{GOODS_URL}"
						 data-id="{GOODS_ID}"
						 data-mod-id="{GOODS_MOD_ID}"
						 title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
						 href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						 ><div class="icon-loop"></div></a>
					 {% ELSE %}
						 <a class="add-compare inProd"
						 data-action-is-add="1"
						 data-action-add-url="{COMPARE_ADD_URL}"
						 data-action-delete-url="{COMPARE_DELETE_URL}"
						 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
						 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
						 data-msgtype="1"
						 data-gname="{GOODS_NAME}"
						 data-prodname="{GOODS_NAME}"
						 data-produrl="{GOODS_URL}"
						 data-id="{GOODS_ID}"
						 data-mod-id="{GOODS_MOD_ID}"
						 title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
						 href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						 ><div class="icon-loop"></div></a>
					 {% ENDIF %}
					 {% ENDIF %}
					 </div>

перенесите поставив после:
<input type="button" value="В корзину" id="button-cart" class="btn add-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

далее в main.css найдите:
.product-page .col-md-7 .actions {
margin: 0 0 40px;
}
замените на:
.product-page .col-md-7 .actions {
vertical-align: top;
display: inline-block;
}

Иконки в подвале шрифтовые и находятся в icon.css

Огромное спасибо.

а менюшку с сравнением и с добавлением в избранное можно вот сюда сдвинуть немного (скрин приложил).

а для соц. сети одноклассники у Вас нет иконки (в icon.css не нашел)

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

  • Тест.jpg

#17 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 29 Январь 2015 - 10:35

Просмотр сообщенияworking_working (29 Январь 2015 - 09:21) писал:

Огромное спасибо.

а менюшку с сравнением и с добавлением в избранное можно вот сюда сдвинуть немного (скрин приложил).

а для соц. сети одноклассники у Вас нет иконки (в icon.css не нашел)
Здравствуйте.
Для этого вам нужно в шаблоне main.css найти код:
.product-page .col-md-7 .actions {
vertical-align: top;
display: inline-block;
}
И заменить его вот этим кодом:
.product-page .col-md-7 .actions {
vertical-align: top;
display: inline-block;
margin-left: 93px;
}

#18 working_working

working_working

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

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

Отправлено 29 Январь 2015 - 11:32

Просмотр сообщенияRayLi (29 Январь 2015 - 10:35) писал:

Здравствуйте.
Для этого вам нужно в шаблоне main.css найти код:
.product-page .col-md-7 .actions {
vertical-align: top;
display: inline-block;
}
И заменить его вот этим кодом:
.product-page .col-md-7 .actions {
vertical-align: top;
display: inline-block;
margin-left: 93px;
}

Все получилось, спасибо.
А про иконку соц.сети "Одноклассники" не подскажите?

#19 MikDark

MikDark

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

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

Отправлено 29 Январь 2015 - 11:36

Просмотр сообщенияworking_working (29 Январь 2015 - 11:32) писал:

Все получилось, спасибо.
А про иконку соц.сети "Одноклассники" не подскажите?

Можете использовать

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

  • mzl.giqjycxm.png

#20 working_working

working_working

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

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

Отправлено 29 Январь 2015 - 11:48

Просмотр сообщенияMikDark (29 Январь 2015 - 11:36) писал:

Можете использовать

Спасибо, изображение у меня есть, я не пойму как его в код вставить, чтобы оно начало отображаться на сайте (в контактной информации)
Обратно в Страница товара


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

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

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