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

[trickster]

Добрый день, несколько вопросов.

1. Решил удалить полностью каталог товаров слева, хочу полностью убрать это меню и так же уберу виджет вконтакте, плюс полоска бокса, надо не забыть удалить и её.
2. Эта кнопка, хочу сделать что бы было выпадающее меню, мужские и женские модели.
3. После действия в варианте номер 1 освободилось место, хочу все что отмечено разместить по центру.

Помогите с реализацией этих моментов, заранее спасибо.

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

• 

[trickster]

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

1. Сдвинуть весь текст на несколько пикселей вправо.
2. В форме настроек времени работы, нет возможности поставить ентер, как перенести "Без" или сделать "без праздников и выходных" в одну строку.

ps забыл картинку прикрепить.

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

• 

[Koderhan]

Цитата

1. Решил удалить полностью каталог товаров слева, хочу полностью убрать это меню и так же уберу виджет вконтакте, плюс полоска бокса, надо не забыть удалить и её.

Сделайте резервную копию шаблона.
Сайт-> Редактор кода.


В файле HTML.
Найти и удалить код:

<td class="content_catalog cont250">
			<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu">
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="cat-item">
							<a href="{catalog.URL}"
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />
				  </li>
				  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
					<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
					{% IF SHOW_GOODS_FILTERS %}
					  <li class="goods_filters"><br /><h2>Фильтры</h2>
						<ul>
						  <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
						  <form action="" method="get">
							<div class="contentTbodySearchFilterBlock cornerAll">
 
							  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
							  {% FOR filter_attr_list %}
								<span class="contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
								<div class="contentTbodySearchFilterBlockValues">
								{% FOR values %}
								  <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
								  <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />
								{% ENDFOR %}
								</div>
							  {% ENDFOR %}
 
							  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
							  {% FOR filter_prop_list %}
								<span class="contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
								<div class="contentTbodySearchFilterBlockValues">
								{% FOR values %}
								  <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
								  <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br />
								{% ENDFOR %}
								</div>
							  {% ENDFOR %}
							</div>
						  </form>
						</ul>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
				  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
					  <li class="compare"><br /><h2><a href="{COMPARE_URL}">Сравнить товары</a></h2>
						<div class="contentTbodyCompare">
						  {%IF COMPARE_GOODS_COUNT=0 %}
							<em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
						  {% ELSE %}
							<em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
							<a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a>
						  {% ENDIF %}
						</div>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль сравнения товаров -->
				 
				  <!-- Если в тарифном плане подключен модуль новостей -->
				  {% IF TARIFF_FEATURE_NEWS %}
					<!-- Все новости -->
					{%IFNOT news_list_all_empty %}
					  <li class="news_all"><br /><h2><a href="{NEWS_ALL_URL}">Лента новостей</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список новостей магазина -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_all %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
								{% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
					<!-- Новости магазина -->
					{%IFNOT news_list_shop_empty %}
					  <li class="news_shop"><br /><h2><a href="{NEWS_SHOP_URL}">Новости магазина</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список новостей магазина -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_shop %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div>
								{% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_SHOP_URL}">Архив новостей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
					<!-- Статьи -->
					{%IFNOT news_list_articles_empty %}
					  <li class="news_articles"><br /><h2><a href="{NEWS_ARTICLES_URL}">Статьи</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список статей -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_articles %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
								{% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}">Архив статей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
					<!-- Материалы СМИ -->
					{%IFNOT news_list_mass_media_empty %}
					  <li class="news_mass_media"><br /><h2><a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список статей -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_mass_media %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div>
								{% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				</ul>
			  </div>
			</td>

[trickster]

Спасибо! сделал на тестовом сайте, меню убралось, теперь вопрос в другом, как сделать центральным весь товар и убрать эту рамку?
А.- Рамка
Б-  центровка товара.

ну и остальные вопросы так же актуальны, спасибо!

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

• 

[Vaccina]

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

Цитата

1. Сдвинуть весь текст на несколько пикселей вправо.

Вам необходимо в файле стилей main.css найти

#contactInfo {
	font-size: 1.1em;
	left: 170px;
	position: absolute;
	top: 10px;
}

и изменить на

#contactInfo {
	font-size: 1.1em;
	left: 185px;
	position: absolute;
	top: 10px;
}

Цитата

2. В форме настроек времени работы, нет возможности поставить ентер, как перенести "Без" или сделать "без праздников и выходных" в одну строку.

Все в том же файле стилей найдите

.contactInfoContent {
	height: 100px;
	vertical-align: middle;
	width: 180px;
}

и замените на

.contactInfoContent {
	height: 100px;
	vertical-align: middle;
	width: 160px;
}

[trickster]

Нет не корректное, я его удалил только на тестовом сайте на котором предварительно обкатываю все изменения.
вот линк http://testfortest.storeland.ru/ Как я уже писал - на основном сайте пока что не делал ничего с удалением каталога слева.

Спасибо за помощь с текстом, сейчас буду делать.
Вопрос с каталогом открытый, посмотрите пожалуйста.

[Vaccina]

Для удаления каталога и всей правой полосы - вам необходимо в шаблоне "HTML" найти и удалить примерно следующий блок

<td class="content_catalog cont250">
			<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu">
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="cat-item">
							<a href="{catalog.URL}"
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />
				  </li>
				  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
					<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
					{% IF SHOW_GOODS_FILTERS %}
					  <li class="goods_filters"><br /><h2>Фильтры</h2>
						<ul>
						  <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
						  <form action="" method="get">
							<div class="contentTbodySearchFilterBlock cornerAll">
 
							  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
							  {% FOR filter_attr_list %}
								<span class="contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
								<div class="contentTbodySearchFilterBlockValues">
								{% FOR values %}
								  <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
								  <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />
								{% ENDFOR %}
								</div>
							  {% ENDFOR %}
 
							  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
							  {% FOR filter_prop_list %}
								<span class="contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
								<div class="contentTbodySearchFilterBlockValues">
								{% FOR values %}
								  <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
								  <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br />
								{% ENDFOR %}
								</div>
							  {% ENDFOR %}
							</div>
						  </form>
						</ul>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
				  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
					  <li class="compare"><br /><h2><a href="{COMPARE_URL}">Сравнить товары</a></h2>
						<div class="contentTbodyCompare">
						  {%IF COMPARE_GOODS_COUNT=0 %}
							<em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
						  {% ELSE %}
							<em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
							<a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a>
						  {% ENDIF %}
						</div>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль сравнения товаров -->
				 
				  <!-- Если в тарифном плане подключен модуль новостей -->
				  {% IF TARIFF_FEATURE_NEWS %}
					<!-- Все новости -->
					{%IFNOT news_list_all_empty %}
					  <li class="news_all"><br /><h2><a href="{NEWS_ALL_URL}">Лента новостей</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список новостей магазина -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_all %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
								{% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
					<!-- Новости магазина -->
					{%IFNOT news_list_shop_empty %}
					  <li class="news_shop"><br /><h2><a href="{NEWS_SHOP_URL}">Новости магазина</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список новостей магазина -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_shop %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div>
								{% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_SHOP_URL}">Архив новостей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
					<!-- Статьи -->
					{%IFNOT news_list_articles_empty %}
					  <li class="news_articles"><br /><h2><a href="{NEWS_ARTICLES_URL}">Статьи</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список статей -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_articles %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
								{% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}">Архив статей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
					<!-- Материалы СМИ -->
					{%IFNOT news_list_mass_media_empty %}
					  <li class="news_mass_media"><br /><h2><a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список статей -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_mass_media %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div>
								{% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				</ul>
			  </div>
			</td>

Далее вам необходимо в файле стилей main.css найти

.content_page {
	background: url("/web/upload/assets/images/10/9976/content-page-br.gif") no-repeat scroll 710px 68px transparent;
	overflow: hidden;
	padding-bottom: 2em;
}

и заменить на

.content_page {
	overflow: hidden;
	padding-bottom: 2em;
}

Далее в шаблоне "HTML" найдите

<td class="content_body cont700">

и замените на

<td class="content_body">

Далее лучше всего будет увеличить кол-во выводимых товаров в строку. Вместо 3х товаров выводить 4 или 5 товаров. Для этого найдите в шаблоне "HTML" а так же в шаблоне "Товары" следующую строку

is_divided("3","</tr><tr>","")

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

is_divided("4","</tr><tr>","")

[trickster]

Огромное спасибо.
1. как выровнять по правому краю теперь, на пару пикселей.
картинку прилагаю
2.После удаления левого блока при заходе в каталог товаров, отсутствует возможность выбора мужских или женских моделей. Возможно ли в самом каталоге товаров оставить этот блок выбора товаров который был на главной? + реально ли добавить выпадающее меню при наведении на верхнее меню.

место где провожу все изменения, http://testfortest.storeland.ru на всякий случай.

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

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

• 

[support 2.0]

trickster (29 Ноябрь 2012 - 13:07) писал:

Огромное спасибо.
1. как выровнять по правому краю теперь, на пару пикселей.
картинку прилагаю
2.После удаления левого блока при заходе в каталог товаров, отсутствует возможность выбора мужских или женских моделей. Возможно ли в самом каталоге товаров оставить этот блок выбора товаров который был на главной? + реально ли добавить выпадающее меню при наведении на верхнее меню.

место где провожу все изменения, http://testfortest.storeland.ru на всякий случай.

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

1. Для того, чтобы сместить чуть левее этот блок, найдите в Панель управления -> Сайт -> Редактор тем -> файл main.css блок

#cpages {
background: url(/web/upload/assets/images/147/146646/cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px;
}

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

padding-top: 10px;

строчку

Цитата

padding-left: 10px;

У Вас должно получиться следующее

#cpages {
background: url(/web/upload/assets/images/147/146646/cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px;
padding-left: 20px;
}

Значение 20px меняйте на любое другое, чем больше значение, тем правее будет смещаться текст.

2. Чтобы сделать в главном меню выпадающий список, нужно полностью меню меню и редактирование пунктов будет доступно только в файле HTML. Вас устроит такой вариант?

3. Вам нужно чтобы только на главной странице был список каталогов товаром или чтобы он было только на странице каталога товаров?
Если убрать только с главной, то Вам нужно в файле HTML найти строчку

  <td class="content_catalog cont250">

и заменить на

  <td class="content_catalog cont250" {% IF index_page %}style="display:none;"{% ENDIF %}>

[trickster]

2. Хорошо, можно и в хтмл, главное что бы понятен алгоритм действий при добавлении и удалении кнопок а так же добавления кнопок в это меню.
3. Я сейчас подумаю стоит ли менять вообще, в начале мне казался этот вариант полезным, но все в итоге будет выглядеть не очень ровно на мой взгляд в отношении структуры, т.е. зайдя на сайт пользователь видит 4 товара в ряд, затем зайдя в каталог видит 3 товара в ряд, не очень прозрачно и на уровне чувств и восприятия будет не очень приятно и цельно.

Еще парочка вопросов дополнительно. Информация в скриншоте

1.Как убрать этот пустой квадрат, посмотреть в живую можно на www.paulalen.ru Убрать разделитель, что бы все ровно было и не было этого пустого квадрата.

Второй вопрос относится не к главной, но я не хочу создавать отдельный тред, по этому тут спрошу.
2. Я читал на форуме способ сделать что бы товары всегда отображались по 3 при заходе в каталог, в итоге у меня сейчас все нормально отображается по умолчанию в каталоге. Но, при заходе с другого компьютера, или через новый браузер, каталог товаров отображается как на приложенном скриншоте. Можно ли вообще удалить возможность выбора "Таблица, Список" и сразу же по умолчанию выводить все товары по несколько в ряд.

Огромное спасибо за помощь

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

• 

[support 2.0]

Асель (29 Ноябрь 2012 - 16:44) писал:

<script type="text/javascript"><!--
google_ad_client = "ca-pub-2626201149104935";
/* Реклама */
google_ad_slot = "3817248578";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

trickster (29 Ноябрь 2012 - 17:17) писал:

2. Хорошо, можно и в хтмл, главное что бы понятен алгоритм действий при добавлении и удалении кнопок а так же добавления кнопок в это меню.
3. Я сейчас подумаю стоит ли менять вообще, в начале мне казался этот вариант полезным, но все в итоге будет выглядеть не очень ровно на мой взгляд в отношении структуры, т.е. зайдя на сайт пользователь видит 4 товара в ряд, затем зайдя в каталог видит 3 товара в ряд, не очень прозрачно и на уровне чувств и восприятия будет не очень приятно и цельно.

Еще парочка вопросов дополнительно. Информация в скриншоте

1.Как убрать этот пустой квадрат, посмотреть в живую можно на www.paulalen.ru Убрать разделитель, что бы все ровно было и не было этого пустого квадрата.

Второй вопрос относится не к главной, но я не хочу создавать отдельный тред, по этому тут спрошу.
2. Я читал на форуме способ сделать что бы товары всегда отображались по 3 при заходе в каталог, в итоге у меня сейчас все нормально отображается по умолчанию в каталоге. Но, при заходе с другого компьютера, или через новый браузер, каталог товаров отображается как на приложенном скриншоте. Можно ли вообще удалить возможность выбора "Таблица, Список" и сразу же по умолчанию выводить все товары по несколько в ряд.

Огромное спасибо за помощь

Могу Вам предложить следующее меню (пример представлен в прикрепленном изображении). Зайдите в Панель управления -> Сайт -> Редактор тем -> HTML
замените этот блок

	 <div class="containerin" id="top-menu">
	 <ul class="pad-box cont620" id="mainmenu">
		 {% FOR menu %}
		 {% FOR header %}
			 {% FOR links %}
			 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
			 {% ENDFOR %}
		 {% ENDFOR %}
		 {% ENDFOR %}
	 </ul>
	 <div class="clr"></div>
	 </div>

на этот

<ul class="menu">
<li><a href="">ГЛАВНАЯ</a></li>
<li><a href="">КАТАЛОГ ТОВАРОВ</a>
<ul>
	 <li><a href="">Женские головные уборы</a></li>
	 <li><a href="">Мужские головные уборы</a></li>
</ul>
</li>
<li><a href="">ИНФОРМАЦИЯ ДЛЯ ПОКУПАТЕЛЕЙ</a></li>
<li><a href="">УЗНАТЬ СВОЙ РАЗМЕР</a></li>
<li><a href="">ОПЛАТА И ДОСТАВКА</a></li>
<li><a href="">КОРЗИНА</a></li>
</ul>

Теперь зайдите в файл main.css и в самый низ поставьте весь этот код

/*Горизонтальное выпадающее меню*/
ul.menu {
margin: 0;
padding: 0;
display: inline-block;
background-color: #2b2b2b;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(black));
background-image: -webkit-linear-gradient(black);
background-image: -moz-linear-gradient(top, black);
background-image: -ms-linear-gradient(black);
background-image: -o-linear-gradient(black);
background-image: linear-gradient(black);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black', GradientType=0);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
width: 950px;
}
ul.menu li {
float: left;
list-style: none;
border-right: 1px solid #4f4f4f;
position: relative;
}
ul.menu li a {
color: white;
display: block;
font-family: Helvetica;
font-weight: bold;
font-size: 13px;
padding: 10px 13px 17px;
text-decoration: none;
}
ul.menu li a:hover {
background: url(/web/upload/assets/images/118/117859/tm_link_border.gif) repeat-x center bottom;
}
ul.menu li:first-child a:hover {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
}
/*Выпадающее меню*/
ul.menu li ul {
display: none;
}
ul.menu li:hover ul {
display: block;
position: absolute;
top: 39px;
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
background-color: black;
z-index: 1000;
}
ul.menu li:hover ul li {
float: none;
width: 155px;
border-right: none;
}
ul.menu li:hover ul li a {
border-top: 1px solid gray;
border-right: none;
padding: 6px 20px 8px;
}
ul.menu li:hover ul li a:hover {
background-color: transparent;
color: #c1deff;
}
ul.menu li:hover ul li:first-child a:hover {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}

По поводу удаления переключения вида просмотра товаров написано в этой теме

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

• 

[trickster]

о, думаю подойдет это меню, сегодня буду устанавливать.
Спасибо

[kaisyRUS]

Подскажите как сделать как на скриншоте (чтоб также в рамке). Также 3 блока. Некоторые будут кликабельными и чтоб при наведении на этих рамка меняла цвет. Данные изображения готовы.

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

• 

[support 2.0]

kaisyRUS (09 Январь 2013 - 07:34) писал:

Подскажите как сделать как на скриншоте (чтоб также в рамке). Также 3 блока. Некоторые будут кликабельными и чтоб при наведении на этих рамка меняла цвет. Данные изображения готовы.

Куда именно Вы хотели бы поставить эти блоки? Вот в общем-то код, который реализовывает эти 3 блока

код для шаблона HTML

<div> <table><tbody> <tr>  <td width="33%"> <div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="float: left; margin: 2px;" title="скидки постоянным клиентам" src="ссылка на изображение" alt="скидки постоянным клиентам" width="88"></a>
<p>Действует система накопительных скидок для постоянных клиентов. Купить сток оптом стало проще</p>
<div class="main_box_caption"><a href="#">Накопительные скидки %</a></div>
</div> </td>
<td width="33%">
<div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="margin: 2px; float: left;" title="100% гарантия возврата денег" src="ссылка на изображение" alt="100% гарантия возврата денег" width="88"></a>
<p>100% гарантия возврата денег, в случае если товар Вам не понравится. Вы ничем не рискуете.</p>
<div class="main_box_caption"><a href="#">Купить сток оптом со 100% гарантией</a></div>
</div> </td>
<td width="33%"> <div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="margin: 2px; float: left;" title="100% гарантия возврата денег" src="ссылка на изображение" alt="100% гарантия возврата денег" width="88"></a>
<p>100% гарантия возврата денег, в случае если товар Вам не понравится. Вы ничем не рискуете.</p>
<div class="main_box_caption"><a href="#">Купить сток оптом со 100% гарантией</a></div>
</div>	</td> </tr> </tbody> </table> </div>

код для файла main.css (вставить в конец)

/*блоки с триггерами на главной*/
.main_box {width: 231px; height: 142px;
margin-right: 5px;
margin-bottom: 5px;
text-align:center;
vertical-align:middle;
font-size: 13px;
background-color:#FFF;
float:right;
display:block;
position:relative;
z-index:5;
}
.main_box_caption {
  width:100%;
  height: 30px;
  z-index:8;
  background:#96021D;
  color:#FFF;
	opacity:0.8;
  position:absolute;
  left:0px;
  bottom:0px;
  font-weight:bold;
  }
.main_box_caption a {color:#FFF;}

[kaisyRUS]

support 2.0 (09 Январь 2013 - 14:17) писал:

Куда именно Вы хотели бы поставить эти блоки? Вот в общем-то код, который реализовывает эти 3 блока

код для шаблона HTML

<div> <table><tbody> <tr> <td width="33%"> <div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="float: left; margin: 2px;" title="скидки постоянным клиентам" src="ссылка на изображение" alt="скидки постоянным клиентам" width="88"></a>
<p>Действует система накопительных скидок для постоянных клиентов. Купить сток оптом стало проще</p>
<div class="main_box_caption"><a href="#">Накопительные скидки %</a></div>
</div> </td>
<td width="33%">
<div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="margin: 2px; float: left;" title="100% гарантия возврата денег" src="ссылка на изображение" alt="100% гарантия возврата денег" width="88"></a>
<p>100% гарантия возврата денег, в случае если товар Вам не понравится. Вы ничем не рискуете.</p>
<div class="main_box_caption"><a href="#">Купить сток оптом со 100% гарантией</a></div>
</div> </td>
<td width="33%"> <div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="margin: 2px; float: left;" title="100% гарантия возврата денег" src="ссылка на изображение" alt="100% гарантия возврата денег" width="88"></a>
<p>100% гарантия возврата денег, в случае если товар Вам не понравится. Вы ничем не рискуете.</p>
<div class="main_box_caption"><a href="#">Купить сток оптом со 100% гарантией</a></div>
</div> </td> </tr> </tbody> </table> </div>

код для файла main.css (вставить в конец)

/*блоки с триггерами на главной*/
.main_box {width: 231px; height: 142px;
margin-right: 5px;
margin-bottom: 5px;
text-align:center;
vertical-align:middle;
font-size: 13px;
background-color:#FFF;
float:right;
display:block;
position:relative;
z-index:5;
}
.main_box_caption {
width:100%;
height: 30px;
z-index:8;
background:#96021D;
color:#FFF;
opacity:0.8;
position:absolute;
left:0px;
bottom:0px;
font-weight:bold;
}
.main_box_caption a {color:#FFF;}

Надо блоки как здесь http://markil.ru/ и здесь http://xn--80ajibssiri4ij.xn--p1ai/, но без счетчика. Пробовал сам, но цепляю слайдер

[miyako]

kaisyRUS (17 Февраль 2013 - 09:59) писал:

Надо блоки как здесь http://markil.ru/ и здесь http://xn--80ajibssiri4ij.xn--p1ai/, но без счетчика. Пробовал сам, но цепляю слайдер

Найдите в шаблоне HTML код:

<div class="container" id="cpages">

перед ним добавьте следующее:

<div> <table><tbody> <tr> <td width="33%"> <div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="float: left; margin: 2px;" title="скидки постоянным клиентам" src="ссылка на изображение" alt="скидки постоянным клиентам" width="88"></a>
<p>Действует система накопительных скидок для постоянных клиентов. Купить сток оптом стало проще</p>
<div class="main_box_caption"><a href="#">Накопительные скидки %</a></div>
</div> </td>
<td width="33%">
<div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="margin: 2px; float: left;" title="100% гарантия возврата денег" src="ссылка на изображение" alt="100% гарантия возврата денег" width="88"></a>
<p>100% гарантия возврата денег, в случае если товар Вам не понравится. Вы ничем не рискуете.</p>
<div class="main_box_caption"><a href="#">Купить сток оптом со 100% гарантией</a></div>
</div> </td>
<td width="33%"> <div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="margin: 2px; float: left;" title="100% гарантия возврата денег" src="ссылка на изображение" alt="100% гарантия возврата денег" width="88"></a>
<p>100% гарантия возврата денег, в случае если товар Вам не понравится. Вы ничем не рискуете.</p>
<div class="main_box_caption"><a href="#">Купить сток оптом со 100% гарантией</a></div>
</div> </td> </tr> </tbody> </table> </div>

а также не забудьте добавить стили, как в вышеизложенном сообщении.

Если у вас некорректно отображается. пришлите пожалуйста ваш код шаблона HTML   (прикрепите к сообщению)

[kaisyRUS]

miyako (17 Февраль 2013 - 11:24) писал:

Найдите в шаблоне HTML код:

<div class="container" id="cpages">

перед ним добавьте следующее:

<div> <table><tbody> <tr> <td width="33%"> <div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="float: left; margin: 2px;" title="скидки постоянным клиентам" src="ссылка на изображение" alt="скидки постоянным клиентам" width="88"></a>
<p>Действует система накопительных скидок для постоянных клиентов. Купить сток оптом стало проще</p>
<div class="main_box_caption"><a href="#">Накопительные скидки %</a></div>
</div> </td>
<td width="33%">
<div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="margin: 2px; float: left;" title="100% гарантия возврата денег" src="ссылка на изображение" alt="100% гарантия возврата денег" width="88"></a>
<p>100% гарантия возврата денег, в случае если товар Вам не понравится. Вы ничем не рискуете.</p>
<div class="main_box_caption"><a href="#">Купить сток оптом со 100% гарантией</a></div>
</div> </td>
<td width="33%"> <div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="margin: 2px; float: left;" title="100% гарантия возврата денег" src="ссылка на изображение" alt="100% гарантия возврата денег" width="88"></a>
<p>100% гарантия возврата денег, в случае если товар Вам не понравится. Вы ничем не рискуете.</p>
<div class="main_box_caption"><a href="#">Купить сток оптом со 100% гарантией</a></div>
</div> </td> </tr> </tbody> </table> </div>

а также не забудьте добавить стили, как в вышеизложенном сообщении.

Если у вас некорректно отображается. пришлите пожалуйста ваш код шаблона HTML   (прикрепите к сообщению)

Нет. Мне надо как здесь http://forum.storela...айт/#entry33666 но без счетчика. Причем ставить его будем не под шапку.

[miyako]

kaisyRUS (17 Февраль 2013 - 13:44) писал:

Нет. Мне надо как здесь http://forum.storela...айт/#entry33666 но без счетчика. Причем ставить его будем не под шапку.

Прикрепите пожалуйста скриншот и укажите на нем как  вы хотите разместить эти блоки

[kaisyRUS]

miyako (17 Февраль 2013 - 15:10) писал:

Прикрепите пожалуйста скриншот и укажите на нем как  вы хотите разместить эти блоки

Надо вобще как здесь http://de-parfum.ru . С таким же заголовком и расположением картинок в каждой ячейке.
Вот так будет выглядеть на главной и также на странице товара после блока с характеристиками

[mikola]

kaisyRUS (17 Февраль 2013 - 15:37) писал:

Надо вобще как здесь http://de-parfum.ru . С таким же заголовком и расположением картинок в каждой ячейке.
Вот так будет выглядеть на главной и также на странице товара после блока с характеристиками

ок....
вы побывали советовать
данного сообщения http://forum.storela...ной/#entry37256