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


Изменить Карточку Товара

карточка товара изменение

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

#1 magiya1984

magiya1984

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

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

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

Здравствуйте! Помогите изменить карточку товаров. Мне нужно переместить блок в право как на скрине и если можно этому блоку дать рамку.
Аккаунт SL-266399
Заранее спасибо.

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

  • komplekt-postelnogo-belya-satin-odnotonnyj-od6.jpg


#2 magiya1984

magiya1984

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

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

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

здесь есть кто?

#3 RayLi

RayLi

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

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

Отправлено 28 Октябрь 2014 - 16:21

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

здесь есть кто?
Здравствуйте.
Для начала откатите изменения сайта до того вида, как показано у вас на скриншоте.

#4 magiya1984

magiya1984

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

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

Отправлено 28 Октябрь 2014 - 16:25

понял сейчас

#5 magiya1984

magiya1984

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

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

Отправлено 28 Октябрь 2014 - 16:36

откатить на самом деле я не смогу все блоки я двигал сам кроме одного я его не смог закинуть на верх вот пример карточки с моего сайта я хочу реализовать такую-же . Поможете????? http://shop-gs.ru/in...troller=product

#6 Сake

Сake

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

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

Отправлено 29 Октябрь 2014 - 06:55

Просмотр сообщенияmagiya1984 (28 Октябрь 2014 - 16:36) писал:

откатить на самом деле я не смогу все блоки я двигал сам кроме одного я его не смог закинуть на верх вот пример карточки с моего сайта я хочу реализовать такую-же . Поможете????? http://shop-gs.ru/in...troller=product

Найдите в шаблоне "Товар" строку

<img src="{ASSETS_IMAGES_PATH}bg11.png" width="525" height="65" border="0"/>

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

<img src="{ASSETS_IMAGES_PATH}bg11.png" width="298" height="65" border="0"/>

далее найдите код

Скрытый текст

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

Скрытый текст

далее в файле стилей style.css найдите

#left-column #thumbs_list{width:325px;margin:0;float: left;overflow: hidden;}

и замените на

#left-column #thumbs_list{width:210px;margin:0;float: left;overflow: hidden;}

далее найдите

#right-wrapper{display:block;float:left;margin-left:30px;width:50%}

и замените на

#right-wrapper{display:block;float:left;margin-left:30px;width:30%}
#right-r-wrapper{display:block;float:left;margin-left:30px;width:35%}

далее найдите

#left-column {
		float: left;
		margin-left: 0;
		width: 47%;
}

и замените на

#left-column {
		float: left;
		margin-left: 0;
		width: 27%;
}

Выполняйте все изменения как можно внимательнее.

#7 magiya1984

magiya1984

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

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

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

Да класс спасибо огромное!!

#8 magiya1984

magiya1984

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

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

Отправлено 29 Октябрь 2014 - 08:48

Помогите сделать как скрине.

1.Цену перенести в правый блок
2. Блок с права немного опустить сделать на уровне с фото
3. Блок с права обвести в рамку.
4. выбор количества, добавить в корзину,сравнить товар и правила возврата сделать один за одним.

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

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

  • komplekt-postelnogo-belya-satin-odnotonnyj-od1.jpg


#9 Alekseys

Alekseys

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

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

Отправлено 29 Октябрь 2014 - 12:42

Просмотр сообщенияmagiya1984 (29 Октябрь 2014 - 08:48) писал:

Помогите сделать как скрине.

1.Цену перенести в правый блок
2. Блок с права немного опустить сделать на уровне с фото
3. Блок с права обвести в рамку.
4. выбор количества, добавить в корзину,сравнить товар и правила возврата сделать один за одним.

Заранее спасибо
Здравствуйте.
1. В шаблоне Товар перенесите блок
<div id="product_price_block">
						 <!-- Цена сейчас -->
						 <div class="price goodsDataMainModificationPriceNow" title="Текущая цена за &laquo;{GOODS_NAME}&raquo;" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">
							 {GOODS_MOD_PRICE_NOW | money_format}
						 </div>
						 <!-- Старая цена -->
						 <!-- Если на товар действует скидка -->
						 {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
							 <p id="old_price" class="goodsDataMainModificationPriceOld" title="Мы снизили цену на &laquo;{GOODS_NAME}&raquo;. Старая цена - {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT} руб.">
								 <span id="old_price_display">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
							 </p>
						 <!-- Если старая цена была больше новой -->
						 {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
							 <p id="old_price" class="goodsDataMainModificationPriceOld" title="Мы снизили цену на &laquo;{GOODS_NAME}&raquo;. Старая цена - {GOODS_MOD_PRICE_OLD} руб.">
								 <span id="old_price_display">{GOODS_MOD_PRICE_OLD | money_format}</span>
							 </p>
						 {% ENDIF %}
						 <!-- /Старая цена -->
						 <!-- информация для поисковика о валюте товара -->
						 <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
						 <!-- информация о числе товаров на складе -->
						 <meta itemprop="availability" content="{GOODS_MOD_REST_VALUE}"/>
						 <!-- информация для поисковика о наличие товара. Отображается только при наличии товара на складе. Доступные значения: out_of_stock,in_stock,instore_only,preorder. -->
						 {% IF GOODS_MOD_REST_VALUE>0 %}
							 <span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}"></span>
						 {% ENDIF %}
					 </div>
поставив его после
<div id="attributes" class="goodsDataMainModificationsBlock product-options">
в style.css добавьте
#product_price_block {
width: 100%;
}
2. В style.css замените
#right-r-wrapper {
display: block;
float: left;
margin-left: 30px;
width: 35%;
margin-top: 75px;
}
на
#right-r-wrapper {
display: block;
float: left;
margin-left: 30px;
width: 35%;
margin-top: 130px;
}
3. У Вас уже сделано.
4. В style.css замените
#right-column .quantity_add_cart {
margin: 10px 0;
border-top: 1px dotted #c0c0c0;
min-height: 36px;
}
на
#right-column .quantity_add_cart {
margin: 10px 0;
border-top: 1px dotted #c0c0c0;
min-height: 36px;
width: 205px;
}
и
#right-column .product_attributes {
padding: 10px 0 10px 0;
border-top: 1px dotted #c0c0c0;
float: left;
margin-right: 10px;
}
замените на
#right-column .product_attributes {
padding: 10px 0 10px 0;
border-top: 1px dotted #c0c0c0;
float: left;
margin-right: 35px;
}


#10 magiya1984

magiya1984

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

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

Отправлено 29 Октябрь 2014 - 12:49

спасибо большое




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

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