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

[Ирина345]

Наталья11111 (04 Апрель 2015 - 10:34) писал:

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

Подскажите, как текст на главной вниз опустить, а блоки с товарами вверх поднять в таком порядке:
1. Заказ питьевой воды 19 л
2. Кулеры для воды
3. Новинки.

И расстояние между блоками чуть больше сделать.

Заранее благодарю))

Здравствуйте, найдите в htMl

  {BODY}

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

 </div>   
{% ENDIF %}
  
  
{% ENDIF %}
		  </div>
		</div>
	  </div>
	  <div class="footerWrap bbot">
	  <footer>

[Наталья11111]

Добрый вечер!

Подскажите как можно поменять цвет рамки в каталоге товаров и в карточке товаров и закруглить углы.

http://akwaservis.ru...Queen?from=OTFi

http://akwaservis.ru/catalog


Аккаунт SL-298479

[Vaccina]

В main.css найдите:

.cat_prod_hold {
  border: 10px solid #ddd;
  display: inline-block;
  margin: 2% 2% 0 0;
  transition: all 0.5s ease 0s;
}

#prodWrp {
  border: 10px solid #ddd;
  padding: 25px;
  position: relative;
}

замените на:

.cat_prod_hold {
  border: 10px solid #4682b4;
  border-radius: 10px;
  display: inline-block;
  margin: 2% 2% 0 0;
  transition: all 0.5s ease 0s;
}

#prodWrp {
  border: 10px solid #4682b4;
  border-radius: 10px;
  padding: 25px;
  position: relative;
}

[Наталья11111]

Все получилось, спасибо)))

А подскажите как правильно сделать такую вещь: хочу в карточке товара сделать небольшой текстовый блок (отмечено на скрине), причем  у каждого товара текст будет разный.

Я так понимаю , это индивидуально через HTML код каждого товара нужно прописывать, так?
Или можно установить блок общий для всех и в индивидуальном порядке писать только тексты для товаров?

Подскажите пожалуйста как лучше сделать.

Размер блока 150*150

Аккаунт SL-298479

Прикрепленные файлы

•  Презентация1.pdf   164,98К   65 Количество загрузок:

[Danil]

Наталья11111 (07 Апрель 2015 - 09:31) писал:

Все получилось, спасибо)))

А подскажите как правильно сделать такую вещь: хочу в карточке товара сделать небольшой текстовый блок (отмечено на скрине), причем  у каждого товара текст будет разный.

Я так понимаю , это индивидуально через HTML код каждого товара нужно прописывать, так?
Или можно установить блок общий для всех и в индивидуальном порядке писать только тексты для товаров?

Подскажите пожалуйста как лучше сделать.

Размер блока 150*150

Аккаунт SL-298479

Здравствуйте.
Выберите одно из свободных описаний и добавьте в него ту информацию, которую хотели разместить, после отпишитесь нам, чтобы мы помогли разместить выбранное вами описание в указанном на скриншоте месте.

[Наталья11111]

Ну, допустим,  http://akwaservis.ru...-tare?from=Yzhi

Текст внизу описания.

Только размеры , наверное другие нужны, не 150*150))

[Danil]

Наталья11111 (07 Апрель 2015 - 09:53) писал:

Ну, допустим,  http://akwaservis.ru...-tare?from=Yzhi

Текст внизу описания.

Только размеры , наверное другие нужны, не 150*150))

К сожалению, не совсем понятно, какой именно текст нужно перенести в указанное на скриншоте место.
Пришлите копию текста в сообщении или обведите его на скриншоте.

[Наталья11111]

Сорри, сейчас исправлю .
Выделила красным цветом

[Danil]

Наталья11111 (07 Апрель 2015 - 10:01) писал:

Сорри, сейчас исправлю .
Выделила красным цветом

Зайдите в раздел Товары-Товары-"выберите товар указанный на скриншоте"-в описании товара нажмите источник.
Далее в самое начало описания добавьте код(данный код используйте для всех товаров)

<div class="tekst">Тест</div>

после в конец main.css добавьте(добавляется 1 раз)

.tekst {
float: right;
padding: 5px;
}

результат инструкции смотрите на скриншоте

[Наталья11111]

Я , наверное, текст как то неправильно прописала, он у меня не отдельным блоком в уголке стал, а вытянулся строкой.

http://akwaservis.ru...-tare?from=OTFi

И можно этот блок тонкой рамочкой оформить?

[Danil]

Наталья11111 (07 Апрель 2015 - 10:15) писал:

Я , наверное, текст как то неправильно прописала, он у меня не отдельным блоком в уголке стал, а вытянулся строкой.

http://akwaservis.ru...-tare?from=OTFi

И можно этот блок тонкой рамочкой оформить?

В конец main.css добавьте

.tekst {
  float: right;
  border: 3px solid #FF0;
  width: 240px;
  display: block;
  padding: 5px;
}

изменяйте 3px(толщина рамки) и #FF0(цвет рамки)

[Наталья11111]

Danil (07 Апрель 2015 - 10:28) писал:

В конец main.css добавьте

.tekst {
float: right;
border: 3px solid #FF0;
width: 240px;
display: block;
padding: 5px;
}

изменяйте 3px(толщина рамки) и #FF0(цвет рамки)

Спасибо, теперь все супер)))

[Наталья11111]

Еще один вопрос, а как текстовый блок чуть ниже опустить, чтобы на одном уровне с описанием был?

Заранее благодарю.

[Danil]

Наталья11111 (07 Апрель 2015 - 10:48) писал:

Еще один вопрос, а как текстовый блок чуть ниже опустить, чтобы на одном уровне с описанием был?

Заранее благодарю.

После вставленного блока в описании

<div class="tekst">Тест</div>

стоит тег

<br>

его нужно удалить

[Наталья11111]

Спасибо))

[Наталья11111]

Все что сделали - переделала, бледно смотрится.

Пошла вот таким путем, в карточку товара через HTML код добавила

<div class="container promo_block1">
         <ul>
         <li class="box-1">
         <h3 class="title-block">Спец цена </h3>
         <p>от 5 до 9 бутылей - 0  руб</p>
         <p>от 10 бутылей - 0 руб</p>

         </li>

  </ul>
         <div class="clear"></div>
</div>


и в main.css


/* Промо блок1 */
.promo_block1 {background: #4682B4; top: -55px !important;border-radius: 20px 20px 20px 20px;/*радиус закругления*/}
.promo_block1 li {display: block;float: right;color: #fff;padding-right: 5px;background: url('{ASSETS_IMAGES_PATH}icon-truck.png') right top no-repeat;margin: 10px 20px;width: 21%;border-radius: 20px 20px 0px 0px;/*радиус закругления*/}
.promo_block1 li.box-2 {background-position: 0 235px;}
.promo_block1 li h3 {font-size: 18px;font-weight: normal;margin: 5px 0;color: #fff;}
.promo_block1 li p {padding-bottom: 5px;}
.promo_block1 + .contentText {top: -55px !important;}
/* END Промо блок1 */

Никак не соображу как размеры длина*ширина поменять и потом нужно описание поднять на один уровень с блоком.

Подскажите плиз))

http://akwaservis.ru...-19-l?from=Yzhi

[Наталья11111]

Помогите пожалуйста)

[Danil]

Наталья11111 (07 Апрель 2015 - 12:32) писал:

Помогите пожалуйста)

в main.css найдите код

.promo_block1 li {display: block;float: right;color: #fff;padding-right: 5px;background: url('{ASSETS_IMAGES_PATH}icon-truck.png') right top no-repeat;margin: 10px 20px;width: 21%;border-radius: 20px 20px 0px 0px;/*радиус закругления*/}

и замените на

.promo_block1 li {
  display: block;
  color: #fff;
  padding-right: 3px;
  margin: 1px 5px;
  border-radius: 20px 20px 0px 0px;
  text-align: center;
background: url('{ASSETS_IMAGES_PATH}icon-truck.png') right top no-repeat;
}

так же в конец main.css добавьте

.container.promo_block1 {
  width: 196px;
  float: right;
}

[Наталья11111]

Спасибо Вам большое за Вашу помощь и терпение))) все получилось))

[Марина123]

Как изменить название "Новый магазин", на свое?