Сообщений в теме: 10

[skipperok13]

Добрый день !
Помогите пожалуйста сделать следующие изменения на странице товара:

1. Переместить кнопку "добавить в корзину" и кол-во к правому краю блок с отступом
2. Убрать слово "Описание" в описании товара
3.  Миниатюры фото вытянуты.
4. В условиях доставки убрать слово "Вариант 1:"
5. Добавить кнопки перехода к предыдущему и к следующему товару.

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

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

• 

[Koderhan]

skipperok13 (01 Ноябрь 2013 - 12:31) писал:

Добрый день !
Помогите пожалуйста сделать следующие изменения на странице товара:

1. Переместить кнопку "добавить в корзину" и кол-во к правому краю блок с отступом
2. Убрать слово "Описание" в описании товара
3.  Миниатюры фото вытянуты.
4. В условиях доставки убрать слово "Вариант 1:"
5. Добавить кнопки перехода к предыдущему и к следующему товару.

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

1.
В конец файла "main.css".
Добавить код:

.control-group .controls {
	max-width: 195px;
	float: right;
}

2.
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Товар".
Найти код:

<h3 style="padding-top:1em;">Описание {GOODS_NAME}</h3>

Заменить:

<h3 style="padding-top:1em;">{GOODS_NAME}</h3>

3.
Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:

.thumbnails.goodsDataMainImages .span2 {
	width: 80px;
}

4.
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Товар".
Найти код:

<h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>

Заменить:

<h5>{goods_delivery.index}: {goods_delivery.NAME}</h5>

5.
Кнопки перехода невозможно добавить. т.к не известны следующие и предыдущие товары.

[skipperok13]

Koderhan (01 Ноябрь 2013 - 13:41) писал:

1.
В конец файла "main.css".
Добавить код:

.control-group .controls {
max-width: 195px;
float: right;
}

2.
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Товар".
Найти код:

<h3 style="padding-top:1em;">Описание {GOODS_NAME}</h3>

Заменить:

<h3 style="padding-top:1em;">{GOODS_NAME}</h3>

3.
Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:

.thumbnails.goodsDataMainImages .span2 {
width: 80px;
}

4.
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Товар".
Найти код:

<h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>

Заменить:

<h5>{goods_delivery.index}: {goods_delivery.NAME}</h5>

5.
Кнопки перехода невозможно добавить. т.к не известны следующие и предыдущие товары.

Получилось кроме пункта 3. Ничего не изменилось по фоткам))
Так же насчет пункта 4 - убрал слово вариант, а как убрать оставшиеся "1:"
И по 5 пункту. Планировалось перемещаться по товарам в категории

Спасибо!

[ne_yana]

skipperok13 (01 Ноябрь 2013 - 17:41) писал:

Получилось кроме пункта 3. Ничего не изменилось по фоткам))
Так же насчет пункта 4 - убрал слово вариант, а как убрать оставшиеся "1:"
И по 5 пункту. Планировалось перемещаться по товарам в категории

Спасибо!

Здравствуйте, фотографии сейчас квадратные. Если Вы хотите сделать их прямоугольными, то в файле main.css замените

.goods-image-icon {
max-width: 56px;
max-height: 56px;
}

на

.goods-image-icon {
width: 56px!important;
height: 36px!important;
}

4. Замените

<h5>{goods_delivery.index}: {goods_delivery.NAME}</h5>

на

<h5>{goods_delivery.NAME}</h5>

[skipperok13]

ne_yana (01 Ноябрь 2013 - 17:52) писал:

Здравствуйте, фотографии сейчас квадратные. Если Вы хотите сделать их прямоугольными, то в файле main.css замените

.goods-image-icon {
max-width: 56px;
max-height: 56px;
}

на

.goods-image-icon {
width: 56px!important;
height: 36px!important;
}

4. Замените

<h5>{goods_delivery.index}: {goods_delivery.NAME}</h5>

на

<h5>{goods_delivery.NAME}</h5>

По миниатюрам: у меня в мейн.цсс нету такого кода он вот такой .goods-image-icon               {max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px}

[ne_yana]

skipperok13 (05 Ноябрь 2013 - 11:02) писал:

По миниатюрам: у меня в мейн.цсс нету такого кода он вот такой .goods-image-icon    {max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px}

Здравствуйте, попробуйте в файле bootstrap.min.css заменить

.thumbnail>img {
display: block;
margin-right: auto;
margin-top: -9px;
height: 229px;
width: 282px;
}

на

.thumbnail>img {
display: block;
margin-right: auto;
margin-top: -9px;
}

[skipperok13]

ne_yana (05 Ноябрь 2013 - 11:14) писал:

Здравствуйте, попробуйте в файле bootstrap.min.css заменить

.thumbnail>img {
display: block;
margin-right: auto;
margin-top: -9px;
height: 229px;
width: 282px;
}

на

.thumbnail>img {
display: block;
margin-right: auto;
margin-top: -9px;
}

Ура!)) Получилось!) Как всегда превеличайшее спасибо! =)

Хотелось бы еще с пунктом 5 разобраться! =)

[Koderhan]

skipperok13 (05 Ноябрь 2013 - 12:37) писал:

Ура!)) Получилось!) Как всегда превеличайшее спасибо! =)

Хотелось бы еще с пунктом 5 разобраться! =)

Кнопку перехода нельзя добавить на  страницу товара. Т.к невозможно узнать следующий и предыдущий товар.

[skipperok13]

Koderhan (05 Ноябрь 2013 - 14:47) писал:

Кнопку перехода нельзя добавить на  страницу товара. Т.к невозможно узнать следующий и предыдущий товар.

Тоесть таким образом по товарам одной категории невозможно передвигаться? В том порядке как они отображаются?

[Koderhan]

skipperok13 (05 Ноябрь 2013 - 15:15) писал:

Тоесть таким образом по товарам одной категории невозможно передвигаться? В том порядке как они отображаются?

Да.

[skipperok13]

Koderhan (05 Ноябрь 2013 - 15:58) писал:

Да.

Жаль( но все равно большое спасибо за помощь!