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

[sibulba]

Прошу подскажите мне как разбить меню боковое на части

Сейчас оно состоит из куска <td class="content_catalog cont220"> все блоки расположены в нем
хотелось бы отделить блок самого меню с перечислением категорий в отдельный блок
так будет проще стилизовать его и добавить фон сделать закругления и все что необходимо.
очень жду вашего ответа

еще небольшой вопрос думаю не составит труда в реализации
как вставить такую же картинку домой (на главную)  как и на сайте http://puncherstore.ru
в горизонтальном меню красная кнопка дом
хочу разместить такую же кнопку и так же чтобы все выглядело. только нарисую ее голубую в дизайн сайта

[Stasya]

Вы можете в файл main.css добавить этот блок

.categories {
border-radius: 10px;
background: white;
margin-top:10px;
}

В него Вы можете добавить шрифт, изменить цвет фона заливки и все, что Вам понадобиться относительно левого каталога.

[sibulba]

Stasya (30 Август 2013 - 19:05) писал:

Вы можете в файл main.css добавить этот блок

.categories {
border-radius: 10px;
background: white;
margin-top:10px;
}

В него Вы можете добавить шрифт, изменить цвет фона заливки и все, что Вам понадобиться относительно левого каталога.

tit на вторую часть вопроса ответьте пожалуйста)

[sengun]

Climateline (30 Август 2013 - 19:18) писал:

tit на вторую часть вопроса ответьте пожалуйста)

В HTML перед строкой

<div id="top-menu">

вставьте такой код

<a class="home_but" href="http://{NET_DOMAIN}/"></a>

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

#top-menu					 {border-radius: 6px 6px 6px 6px; height: 30px; margin-top: 5px ; margin-bottom: 5px; background: url({ASSETS_IMAGES_PATH}menu-bg.png) repeat scroll center top transparent;}

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

#top-menu					 {border-radius: 6px 6px 6px 6px; height: 30px; margin-top: 5px ; margin-bottom: 5px; background: url({ASSETS_IMAGES_PATH}menu-bg.png) repeat scroll center top transparent; display: inline-block;}

И код

#mainmenu				 {position:relative; width: 940px;}

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

#mainmenu				 {position:relative; width: 910px;}

и добавьте в конец код

.home_but {
margin: 5px 10px 0 0;
float: left;
width: 30px;
height: 30px;
background: blue;
border-radius: 6px;
}

Вместо background: blue; вставляйте код фона кнопки вида

background: url({ASSETS_IMAGES_PATH}home_button.png) no-repeat;

И еще добавьте код

.home_but:hover {
background: url({ASSETS_IMAGES_PATH}home_button_hover.png) no-repeat;
}

в котором прописывается фон кнопки при наведении на нее мышкой.
Изображения загружайте в разделе Сайт-Редактор шаблонов.

[sibulba]

супер спасибо

[sibulba]

еще вопрос
сейчас выпадающее меню реализовано как у пещерных людей
хотелось бы добавить что-то более современное выезжающее выкатывающееся ну я думаю вы понимаете. (еще причина в том что сейчас на ipad iphone не открывается и не нажимается меню горизонтальное и выпадающее меню там не работает)
подскажите где копать что качать буду признателен. хотелось бы простое выезжающее меню с возможностью сделать сложное меню в несколько рядов ну и в таком духе все чтобы было. пример вот тут http://babylook.me/ каталог товаров

[Vaccina]

Меню которое вы приводите в пример - реализовывалось на данном форуме в теме http://forum.storela...еню/#entry36821

[sibulba]

такой вопрос
хотим изменить блок Вы смотрели в боковом меню

идея такая

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

подскажите как реализовать подобное

[sengun]

Climateline (07 Сентябрь 2013 - 12:44) писал:

такой вопрос
хотим изменить блок Вы смотрели в боковом меню

идея такая

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

подскажите как реализовать подобное

В шаблоне HTML замените код

<!-- Последние товары, просмотренные пользователем -->
	  {% IFNOT recently_viewed_goods_empty %}
	  <li class="recent_viewed">
	  <h2>Вы смотрели</h2>
	  <div class="contentTbodyRecentlyViewed">
	  <table class="recent_viewed">
	  {% FOR recently_viewed_goods %}
	  {% IF recently_viewed_goods.index >4 %}{break}{% ENDIF %}
	  <tr class="txtalgnlft {% IF recently_viewed_goods.last %}last{% ENDIF %}">
	  <td class="img txtalgncnt">
	  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
	  </td>
	  <td class="link statetitle fnt12n txtalgnlft">
	  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»">{recently_viewed_goods.NAME}</a>
	  </td>
	  </tr>
	  {% ENDFOR %}
	  </table>
	  </div>
	  </li>
	  {% ENDIF %}
	  <!-- END Последние товары, просмотренные пользователем -->

на этот

<!-- Последние товары, просмотренные пользователем -->
	  {% IFNOT recently_viewed_goods_empty %}
	  <li class="recent_viewed">
	  <h2>Вы смотрели</h2>
	  <div class="contentTbodyRecentlyViewed">
	  <table class="recent_viewed">
	  <tr class="txtalgnlft last">
	  {% FOR recently_viewed_goods %}
	  {% IF recently_viewed_goods.index >4 %}{break}{% ENDIF %}
	  <td class="img txtalgncnt" style="float: right;">
	  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
	  </td>
	  {% ENDFOR %}
	  </tr>
	  </table>
	  </div>
	  </li>
	  {% ENDIF %}
	  <!-- END Последние товары, просмотренные пользователем -->

[sibulba]

супер
все практически так как надо но не разобрался в следующем

как отцентровать по центру картинки с отступом в 1-2 пикселя между ними.

[miyako]

Climateline (08 Сентябрь 2013 - 08:37) писал:

супер
все практически так как надо но не разобрался в следующем

как отцентровать по центру картинки с отступом в 1-2 пикселя между ними.

Добавьте в конец файла main.css код -

.contentTbodyRecentlyViewed table{margin:0 auto;}

Отступы между изображениями есть. Сделать их больше?

[sibulba]

miyako (08 Сентябрь 2013 - 09:28) писал:

Добавьте в конец файла main.css код -

.contentTbodyRecentlyViewed table{margin:0 auto;}

Отступы между изображениями есть. Сделать их больше?

ничего не произошло

повторю более понятно

необходимо оформить блок просмотренных товаров так же как и 2 блока выше НО!!!!
необходимо сделать просто рамку такого же цвета БЕЗ фона.
ТОВАРЫ должны располагаться прямо по центру блока с ровными отступами по бокам и равными между собой если реально то было бы круто впихнуть в 1 строчку 5 товаров.

заранее благодарен

[miyako]

Climateline (08 Сентябрь 2013 - 20:46) писал:

ничего не произошло

повторю более понятно

необходимо оформить блок просмотренных товаров так же как и 2 блока выше НО!!!!
необходимо сделать просто рамку такого же цвета БЕЗ фона.
ТОВАРЫ должны располагаться прямо по центру блока с ровными отступами по бокам и равными между собой если реально то было бы круто впихнуть в 1 строчку 5 товаров.

заранее благодарен

Сейчас изображения отцентрированы. Скорее всего нужно было очистить кэш.

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

.contentTbodyRecentlyViewed table{margin:0 auto;}

и замените на -

.contentTbodyRecentlyViewed table{margin:0 auto; border:0px;}
.recent_viewed {margin-top:6px;border: 1px solid #0099CC;border-radius:8px 8px 6px 6px;}
.recent_viewed h2 {background: #004E67; border-radius: 6px 6px 0 0; padding-left: 5px;color:#fff !important;}

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

• 

[sibulba]

miyako (09 Сентябрь 2013 - 10:38) писал:

Сейчас изображения отцентрированы. Скорее всего нужно было очистить кэш.

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

.contentTbodyRecentlyViewed table{margin:0 auto;}

и замените на -

.contentTbodyRecentlyViewed table{margin:0 auto; border:0px;}
.recent_viewed {margin-top:6px;border: 1px solid #0099CC;border-radius:8px 8px 6px 6px;}
.recent_viewed h2 {background: #004E67; border-radius: 6px 6px 0 0; padding-left: 5px;color:#fff !important;}

просмотрите более 2 товаров
штук 8-10
не работает

+ поправочку можно внести?
рамка захватывает и заголовок а нужно чтобы захватывало часть под ним.
выглядит не очень эстетично)

[Сake]

Найдите в файле стилей main.css

.recent_viewed {
	border: 2px solid #0099CC;
	border-radius: 8px 8px 6px 6px;
	margin-top: 6px;
}

и замените на

.recent_viewed {
	margin-top: 6px;
}

далее добавьте

.contentTbodyRecentlyViewed {
	border: 2px solid #0099CC;
	border-top: none;
	border-radius: 0 0 6px 6px;
}
.recent_viewed td {
	height: 40px;
	margin: 5px 2.5px;
	overflow: hidden;
	width: 40px;
}

[sibulba]

супер!!! спасибо

[sibulba]

не заметил когда изменяли блок
блок сравнения товаров с левого края

как сделать шрифт обычным а не курсивом если НЕТ ТОВАРОВ ДЛЯ СРАВНЕНИЯ
и как сделать  Товаров на сравнении: чтобы также было НЕ курсивом и чтоы кнопка ПОСМОТРЕТЬ появилась и была так же белая!
спасибо

и вопрос следом

как уменьшить вертикальный отступ у товаров блоке вы просматривали? если просмотреть более 4 товаров отступ очень большой. как его уменьшить?

спасибо

[Taisia]

Цитата

как сделать шрифт обычным а не курсивом если НЕТ ТОВАРОВ ДЛЯ СРАВНЕНИЯ
и как сделать  Товаров на сравнении: чтобы также было НЕ курсивом

Найдите в файле HTML код

<em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>

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

<p class="contentTbodyCompareEmpty">Нет товаров для сравнения</p>

Цитата

чтоы кнопка ПОСМОТРЕТЬ появилась и была так же белая!

Добавьте в конец файла main.css код

.contentTbodyCompare a {color:#fff;}

Цитата

как уменьшить вертикальный отступ у товаров

найдите следующий код в файле main.css

.recent_viewed td				 {height: 40px; margin: 5px 2.5px; overflow: hidden; width: 40px;}

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

.recent_viewed td				 {height: 40px; margin: 5px 2.5px; overflow: hidden; width: 40px;margin-bottom: 0px;margin-top: 1px;padding-bottom: 0px;}

[sibulba]

супер))))
маленькие поправочки. извиняюсь за такое количество вопросов. самому уже неудобно

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

слева так как сейчас а нужно чтобы было так как справа



и еще

Товаров на сравнении: 1 шт.  
как сделать его обычным белым текстом без курсива?

спасибо

[Vaccina]

Добавьте в ваш файл стилей main.css

.contentTbodyRecentlyViewed {
	padding-bottom: 5px;
}
.recent_viewed td {
	float: left !important;
}
.contentTbodyCompare em {
	color: #FFFFFF;
	font-style: normal;
}