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


Как На Сайте Сдалать Block

Блок

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

#1 Michail

Michail

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

  • Пользователи
  • PipPipPip
  • 76 сообщений
  • ГородАнадырь

Отправлено 06 Февраль 2014 - 01:51

Здравствуйте
как на сайте сделать блок и привезать к нему страничку например доставка или оплата

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

  • block.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 06 Февраль 2014 - 03:51

Уточните пожалуйста, что в нем будет, картинка\баннер или просто текст ссылкой?
В шаблоне HTML найдите:
<!-- Корзина -->
	<div class="block">
	  <div class="blocktitle bluelarge">
		<a href="{CART_URL}" title="Корзина">Корзина</a>
	  </div>
	  <div class="blockmain cart padd cartInfo">
		<ul>
		  <li class="img"><a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a></li>
		  <li class="button">
		  <p class="fnt11b txtalgnlft cartSum">
			{% IF cart_count_empty %}Итого: 0 {CURRENCY_NAME} {% ELSE %}{% FOR cart_sum %}Итого: {cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}
		  </p>
		  <a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue">Оформить заказ</a></li>
		</ul>
	  </div>
	  <div class="blockbottom">
	  </div>
	</div>
	<!-- END Корзина -->
после него вставьте:
<!-- Доставка -->
	<div class="block">
	  <div class="blocktitle bluelarge">
		<a href="ссылка на страницу доставки и оплаты" title="Доставка и оплата">Доставка и оплата</a>
	  </div>
	  <div class="blockmain cart padd cartInfo">
	  информация которая будет выводиться в блоке, можно просто текст прописать, можно картинку вставить
	  </div>
	  <div class="blockbottom">
	  </div>
	</div>
	<!-- END Доставка -->
измените только некоторые значения

#3 Michail

Michail

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

  • Пользователи
  • PipPipPip
  • 76 сообщений
  • ГородАнадырь

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

Текст и картинки
но чтобы я мог редактировать ее не в коде прикрепить этот блок к меню как новости

#4 Vaccina

Vaccina

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

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

Отправлено 06 Февраль 2014 - 04:36

информация которая будет выводиться в блоке, можно просто текст прописать, можно картинку вставить
здесь вставляете свою информацию, в админке к сожалению автоматически изменить нельзя, только в коде, или вы хотите выводить там новости, которые в админ панели добавляете?

#5 Michail

Michail

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

  • Пользователи
  • PipPipPip
  • 76 сообщений
  • ГородАнадырь

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

Если я загружаю на ваш сервер картинку
то какой путь к ней указывать

#6 Michail

Michail

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

  • Пользователи
  • PipPipPip
  • 76 сообщений
  • ГородАнадырь

Отправлено 06 Февраль 2014 - 06:58

Я вставил картинку

<!--Новое на сайте -->
<div class="block">
  <div class="blocktitle bluelarge">
<a href="ссылка на страницу доставки и оплаты" title="Доставка и оплата">Новое</a>
  </div>
  <div class="blockmain cart padd cartInfo">
<img src="http://st.power-anad...975/868/jk.jpg" style="float: left; width: 185px; height: 196px">
  </div>
  <div class="blockbottom">
  </div>
</div>
<!-- END Новое на сайте -->

почему блок остался такой маленький а картинка вылезла вниз

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

  • 1.jpg


#7 empty9228

empty9228

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

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

Отправлено 06 Февраль 2014 - 08:45

Здравствуйте, этот вопрос еще актуален? Не могу найти у вас на сайте блока "Новое".

#8 Michail

Michail

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

  • Пользователи
  • PipPipPip
  • 76 сообщений
  • ГородАнадырь

Отправлено 06 Февраль 2014 - 10:52

Я убрал
А то не красиво, не хочу отпугивать клиентов

Вот добавил блок смотрите

#9 empty9228

empty9228

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

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

Отправлено 06 Февраль 2014 - 11:15

Найдите в файле Html строчку(739)

<img src="http://st.power-anadyr.ru/1/975/868/jk.jpg" style="float: center; width: 185px; height: 196px"> 

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

<img src="http://st.power-anadyr.ru/1/975/868/jk.jpg" style="float: center; width: 82px; height: 78px;position: relative;left: 60px;bottom: 11px;">
Зайдите в файл main.css там найдите код

  #left .block .padd, #right .block .padd { padding-left:10px; padding-right:10px; width:203px; }

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

  #left .block .padd, #right .block .padd { padding-left:10px; padding-right:10px; width: 203px; height: 50px;}


#10 Michail

Michail

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

  • Пользователи
  • PipPipPip
  • 76 сообщений
  • ГородАнадырь

Отправлено 06 Февраль 2014 - 11:21

Мне нужно большое изображение width: 185px; height: 196px

#11 empty9228

empty9228

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

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

Отправлено 06 Февраль 2014 - 11:27

Ту строчку, которую мы с вами меняли замените на

<img src="http://st.power-anadyr.ru/1/975/868/jk.jpg" style="float: center; width: 185px; height: 196px;position: relative;left: 12px;bottom: 6px;">

так же поменяйте 738 строчку
<div class="blockmain cart padd cartInfo" >
на
<div class="blockmain cart padd cartInfo" id="new">

в конце файла css добавьте код
#new {
	height: 200px!important;
}


#12 Michail

Michail

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

  • Пользователи
  • PipPipPip
  • 76 сообщений
  • ГородАнадырь

Отправлено 06 Февраль 2014 - 11:36

спасибо получилось, я тему не закрываю, потестирую





Темы с аналогичным тегами Блок

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

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