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


Помогите Поменять Местами!

Автор skipperok13, 10 окт. 2013 18:22

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

#1 skipperok13

skipperok13

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

  • Пользователи
  • PipPipPipPip
  • 247 сообщений
  • ГородМосква

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

Доброго времени суток!

Подскажите пожалуйста как сделать следующее:

1. Надо подвинуть "количество и кнопку добавить в корзину"
2. Список с модификациями поместить под цену
3. Блок с условиями доставки  поместить под дополнительные фото товара (на картинке их нету, еще не добавляли)
4. Блок с описанием товара поместить под ценой и "добавить в корзину"

Заранее благодарен!

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

  • страница-товара-01.jpg

#2 ne_yana

ne_yana

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

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

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

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

Доброго времени суток!

Подскажите пожалуйста как сделать следующее:

1. Надо подвинуть "количество и кнопку добавить в корзину"
2. Список с модификациями поместить под цену
3. Блок с условиями доставки  поместить под дополнительные фото товара (на картинке их нету, еще не добавляли)
4. Блок с описанием товара поместить под ценой и "добавить в корзину"

Заранее благодарен!
Добрый вечер, найдите в файле bootstrap.min.css
.control-group {
margin-bottom: 10px;
}
замените на
.control-group {
margin-bottom: 10px;
margin-top: -58px;
margin-left: 126px;
}

В файле main.css замените
.goodsDataMainModificationsBlock, .goodsDataMainDeliveryBlock, .goodsDataMainModificationsDescriptionBlock {
border-top: 1px solid #E5E5E5;
}
на
.goodsDataMainModificationsBlock, .goodsDataMainDeliveryBlock, .goodsDataMainModificationsDescriptionBlock {
border-top: 1px solid #E5E5E5;
margin-top: -64px;
}

В разделе Сайт - Редактор шаблонов - Товар замените
<div class="span12" >
		  <h4 style="margin-top:1em;">Условия доставки</h4>
на
<div class="span12" id="span12-dostavka">
		  <h4 style="margin-top:1em;">Условия доставки</h4>
После этого в конец файла main.css вставьте
#span12-dostavka {
margin-top: 95px;
margin-left: -285px;
}

#3 skipperok13

skipperok13

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

  • Пользователи
  • PipPipPipPip
  • 247 сообщений
  • ГородМосква

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

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

Добрый вечер, найдите в файле bootstrap.min.css 
 .control-group { margin-bottom: 10px; }
замените на 
 .control-group { margin-bottom: 10px; margin-top: -58px; margin-left: 126px; }
В файле main.css замените 
 .goodsDataMainModificationsBlock, .goodsDataMainDeliveryBlock, .goodsDataMainModificationsDescriptionBlock { border-top: 1px solid #E5E5E5; }
на 
 .goodsDataMainModificationsBlock, .goodsDataMainDeliveryBlock, .goodsDataMainModificationsDescriptionBlock { border-top: 1px solid #E5E5E5; margin-top: -64px; }
В разделе Сайт - Редактор шаблонов - Товар замените 

[b]	Условия доставки[/b]
на 

[b]	Условия доставки[/b]
После этого в конец файла main.css вставьте 
 #span12-dostavka { margin-top: 95px; margin-left: -285px; }


1. дополнительные фото вылезли за край страницы товара а Условия доставки залезли на фото. Условие надо поместить под все фото.

2. описание надо подвинуть вверх под выбор модификации

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

#4 ne_yana

ne_yana

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

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

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

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

1. дополнительные фото вылезли за край страницы товара а Условия доставки залезли на фото. Условие надо поместить под все фото.

2. описание надо подвинуть вверх под выбор модификации

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

Добрый вечер, найдите в файле main.css
#span12-dostavka {
margin-top: 95px;
margin-left: -285px;
}
замените на
#span12-dostavka {
margin-top: 188px;
margin-left: -285px;
}

Вставьте в конец файла
.thumbnails.goodsDataMainImages {
margin-left: 25px;
}

В разделе Сайт - Редактор шаблонов - Товар удалите
<!-- Блок описания товара. Показываем его если есть описание товара -->
  {% IF GOODS_DESCRIPTION_LARGE %}
	<h3 style="padding-top:1em;">Описание {GOODS_NAME}</h3>
	<div class="htmlDataBlock" itemprop="description">
	  {GOODS_DESCRIPTION_LARGE}
	</div>
  {% ENDIF %}
  <!-- END Блок описания товара. Показываем его если есть описание товара -->

и вставьте после 
<!-- Блок описания модификации -->
		<div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
		  <div class="htmlDataBlock">
			{GOODS_MOD_DESCRIPTION}
		  </div>
		</div>

следующий код:
<!-- Блок описания товара. Показываем его если есть описание товара -->
  {% IF GOODS_DESCRIPTION_LARGE %}
	<h3 style="margin-top: -40px;margin-left: 4px;">Описание {GOODS_NAME}</h3>
	<div class="htmlDataBlock" itemprop="description" style="margin-left: 4px;
">
	  {GOODS_DESCRIPTION_LARGE}
	</div>
  {% ENDIF %}
  <!-- END Блок описания товара. Показываем его если есть описание товара -->

#5 skipperok13

skipperok13

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

  • Пользователи
  • PipPipPipPip
  • 247 сообщений
  • ГородМосква

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

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

Добрый вечер, найдите в файле main.css
#span12-dostavka {
margin-top: 95px;
margin-left: -285px;
}
замените на
#span12-dostavka {
margin-top: 188px;
margin-left: -285px;
}

Вставьте в конец файла
.thumbnails.goodsDataMainImages {
margin-left: 25px;
}

В разделе Сайт - Редактор шаблонов - Товар удалите
<!-- Блок описания товара. Показываем его если есть описание товара -->
{% IF GOODS_DESCRIPTION_LARGE %}
<h3 style="padding-top:1em;">Описание {GOODS_NAME}</h3>
<div class="htmlDataBlock" itemprop="description">
	 {GOODS_DESCRIPTION_LARGE}
</div>
{% ENDIF %}
<!-- END Блок описания товара. Показываем его если есть описание товара -->

и вставьте после
<!-- Блок описания модификации -->
	 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
		 <div class="htmlDataBlock">
		 {GOODS_MOD_DESCRIPTION}
		 </div>
	 </div>

следующий код:
<!-- Блок описания товара. Показываем его если есть описание товара -->
{% IF GOODS_DESCRIPTION_LARGE %}
<h3 style="margin-top: -40px;margin-left: 4px;">Описание {GOODS_NAME}</h3>
<div class="htmlDataBlock" itemprop="description" style="margin-left: 4px;
">
	 {GOODS_DESCRIPTION_LARGE}
</div>
{% ENDIF %}
<!-- END Блок описания товара. Показываем его если есть описание товара -->

Спасибо! Все получилось кроме фото. Они по прежнему  вылезают за край блока

#6 miyako

miyako

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

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

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

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

Спасибо! Все получилось кроме фото. Они по прежнему  вылезают за край блока

Смотрела по товару "Drussila Nero" фото отображаются корректно

#7 brillik21

brillik21

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

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

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

Ребята помогите поменять местами! Слайдер поставить на вверх а раздел новинки под ним!

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

  • новое.gif

#8 empty9228

empty9228

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

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

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

Здравствуйте, найдите у себя в файле html код(начинается на 410 строке)

<!-- Главная страница -->
		 {% IF index_page %}
<div class="cms-index-index">
			 <div class="col-main" style="padding:0;">
				<div class="row std">

замените на  код

<!-- Главная страница -->
		 {% IF index_page %}
		
		 <!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="{ASSETS_IMAGES_PATH}Хомяки-1.jpg" alt="" />
<a href="/"><img src="{ASSETS_IMAGES_PATH}Покер-башня.jpg" alt="" /></a>
<img title="Данный товар Вы можете найти в каталоге" src="{ASSETS_IMAGES_PATH}Кружка-Миксер.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}слайдер-плюшевый-2.gif" alt="" />
<img src="{ASSETS_IMAGES_PATH}Черепадла-солнце.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({effect: 'random'}).parent().show(); });
</script>
{% ENDIF %}	
<div class="cms-index-index">
			 <div class="col-main" style="padding:0;">
<div class="row std">

удалите код слайдера, который находится ниже 556-591 строки

#9 brillik21

brillik21

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

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

Отправлено 30 Сентябрь 2014 - 18:54

Помогите поменять местами блок " товары на главной" и блок меню см. Скрин
Заранее спасибо!

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

  • ScreenHunter_74 Sep. 30 19.45.jpg

#10 Alekseys

Alekseys

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

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

Отправлено 30 Сентябрь 2014 - 21:02

Просмотр сообщенияbrillik21 (30 Сентябрь 2014 - 18:54) писал:

Помогите поменять местами блок " товары на главной" и блок меню см. Скрин
Заранее спасибо!
Здравствуйте. Зайдите в HTML и замените
<div class="cms-index-index">
на
<div class="cms-index-index" style="display: none;">
затем в Сайт -> Редактор шаблонов -> Товары перед
{% IF CATEGORY_DESCRIPTION %}
<div class="col-main" style="margin-top:10px;">
  <div class="htmlDataBlock span7" style="*padding: 0px;">
	{CATEGORY_DESCRIPTION}
  </div>
</div>
{% ENDIF %}
<!-- Короткое SEO описание категории -->
{% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
<div class="col-main" style="margin-top:10px;">
  <div class="htmlDataBlock">
	{CATEGORY_SEO_DESCRIPTION_SHORT}
  </div>
</div>
{% ENDIF %}
{% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
<div class="col-main" style="margin-top:10px;">
  <div class="htmlDataBlock">
	{CATEGORY_SEO_DESCRIPTION_LARGE}
  </div>
</div>
{% ENDIF %}
вставьте
Скрытый текст

#11 brillik21

brillik21

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

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

Отправлено 30 Сентябрь 2014 - 21:50

Просмотр сообщенияAlekseys (30 Сентябрь 2014 - 21:02) писал:

Здравствуйте. Зайдите в HTML и замените
<div class="cms-index-index">
на
<div class="cms-index-index" style="display: none;">
затем в Сайт -> Редактор шаблонов -> Товары перед
{% IF CATEGORY_DESCRIPTION %}
<div class="col-main" style="margin-top:10px;">
<div class="htmlDataBlock span7" style="*padding: 0px;">
{CATEGORY_DESCRIPTION}
</div>
</div>
{% ENDIF %}
<!-- Короткое SEO описание категории -->
{% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
<div class="col-main" style="margin-top:10px;">
<div class="htmlDataBlock">
{CATEGORY_SEO_DESCRIPTION_SHORT}
</div>
</div>
{% ENDIF %}
{% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
<div class="col-main" style="margin-top:10px;">
<div class="htmlDataBlock">
{CATEGORY_SEO_DESCRIPTION_LARGE}
</div>
</div>
{% ENDIF %}
вставьте
Скрытый текст
Благодарю !

#12 brillik21

brillik21

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

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

Отправлено 01 Октябрь 2014 - 09:31

Просмотр сообщенияAlekseys (30 Сентябрь 2014 - 21:02) писал:

Здравствуйте. Зайдите в HTML и замените
<div class="cms-index-index">
на
<div class="cms-index-index" style="display: none;">
затем в Сайт -> Редактор шаблонов -> Товары перед
{% IF CATEGORY_DESCRIPTION %}
<div class="col-main" style="margin-top:10px;">
<div class="htmlDataBlock span7" style="*padding: 0px;">
{CATEGORY_DESCRIPTION}
</div>
</div>
{% ENDIF %}
<!-- Короткое SEO описание категории -->
{% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
<div class="col-main" style="margin-top:10px;">
<div class="htmlDataBlock">
{CATEGORY_SEO_DESCRIPTION_SHORT}
</div>
</div>
{% ENDIF %}
{% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
<div class="col-main" style="margin-top:10px;">
<div class="htmlDataBlock">
{CATEGORY_SEO_DESCRIPTION_LARGE}
</div>
</div>
{% ENDIF %}
вставьте
Скрытый текст
Сразу не нашел проблему! После перемены теперь нельзя пользоваться блоком меню!

#13 Alekseys

Alekseys

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

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

Отправлено 01 Октябрь 2014 - 09:47

Просмотр сообщенияbrillik21 (01 Октябрь 2014 - 09:31) писал:

Сразу не нашел проблему! После перемены теперь нельзя пользоваться блоком меню!
Уточните пожалуйста, о каком блоке меню речь?

#14 brillik21

brillik21

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

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

Отправлено 01 Октябрь 2014 - 10:14

Просмотр сообщенияAlekseys (01 Октябрь 2014 - 09:47) писал:

Уточните пожалуйста, о каком блоке меню речь?
Тот который меняли! см скрин

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

  • ScreenHunter_75 Oct. 01 11.13.jpg

#15 Alekseys

Alekseys

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

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

Отправлено 01 Октябрь 2014 - 11:20

Просмотр сообщенияbrillik21 (01 Октябрь 2014 - 10:14) писал:

Тот который меняли! см скрин
В main.css добавьте
.span7 {
float: left;
}
и
.cms-index-index {
float: left;
}

#16 brillik21

brillik21

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

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

Отправлено 01 Октябрь 2014 - 14:52

Просмотр сообщенияAlekseys (01 Октябрь 2014 - 11:20) писал:

В main.css добавьте
.span7 {
float: left;
}
и
.cms-index-index {
float: left;
}
Спасибо
Обратно в Страница товара


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

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

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