Подскажите , Плиз
#1
Отправлено 19 Июнь 2014 - 18:19
Подскажите плиз как перенести меню вверх и сделать текст белым цветом и выровнять по середине?
#2
Отправлено 19 Июнь 2014 - 18:23
theone (19 Июнь 2014 - 18:19) писал:
Подскажите плиз как перенести меню вверх и сделать текст белым цветом и выровнять по середине?
В шаблоне style.css ищем:
#megamenu { position: absolute; height: 54px; top: 90px; left: 238px; }
и меняем на:
#megamenu { position: absolute; height: 54px; top: 0px; left: 238px; }
далее код:
#megamenu li.root_menu { padding: 25px 8px 5px 8px; float: left; position: relative; }
меняем на:
#megamenu li.root_menu { padding: 5px 8px 5px 8px; float: left; position: relative; }
и код:
#megamenu li .root_link { color: #666666; text-transform: uppercase; font-size: 11px; text-decoration: none; }
меняем на:
#megamenu li .root_link { color: #ffffff; text-transform: uppercase; font-size: 11px; text-decoration: none; }
#3
Отправлено 19 Июнь 2014 - 18:37
1) в недавно просмотренных нужно убрать картинку, нужно чтобы просто строка была
2) в подвале сделал таблицу, нужно изменить величину шрифта к примеру 14 и убрать подчеркивание
#4
Отправлено 19 Июнь 2014 - 18:55
theone (19 Июнь 2014 - 18:37) писал:
1) в недавно просмотренных нужно убрать картинку, нужно чтобы просто строка была
2) в подвале сделал таблицу, нужно изменить величину шрифта к примеру 14 и убрать подчеркивание
{% IF user_agent_ie7 %} <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»" > <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /> </a> {% ELSEIF user_agent_ie8 %} <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»" > <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /> </a> {% ELSE %} <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»" > <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /> </a> {% ENDIF %}
2. В style.css добавьте:
#footer td, #footer a {text-decoration:none; font-size:14px;}
#5
Отправлено 19 Июнь 2014 - 19:15
теперь нужно поправить каталог
1) Вид отображение товаров всегда строчный, вместо вида отображения товаров поставить фильтр цен
2) Фильтр характеристик в строчку
3) фото уменьшить на 50%, чтобы товаров больше влазило на экран
4) Сделать возможность выбора клиентом количество товаров на страницу (сейчас автоматом подгружаются еще, если вниз прокручиваешь)
#6
Отправлено 19 Июнь 2014 - 19:42
theone (19 Июнь 2014 - 19:15) писал:
теперь нужно поправить каталог
1) Вид отображение товаров всегда строчный, вместо вида отображения товаров поставить фильтр цен
2) Фильтр характеристик в строчку
3) фото уменьшить на 50%, чтобы товаров больше влазило на экран
4) Сделать возможность выбора клиентом количество товаров на страницу (сейчас автоматом подгружаются еще, если вниз прокручиваешь)
<div class="{% IF GOODS_VIEW_TYPE=1 %}grid_view{% ELSE %}group list_view{% ENDIF %}" id="category_view_type"> <div class="sqr_img" id="category_image_type"> <div class="group" id="product_list_wrapper"> {% IF GOODS_VIEW_TYPE=1 %}и замените его на:
<div class="{% IF GOODS_VIEW_TYPE=2 %}grid_view{% ELSE %}group list_view{% ENDIF %}" id="category_view_type"> <div class="sqr_img" id="category_image_type"> <div class="group" id="product_list_wrapper"> {% IF GOODS_VIEW_TYPE=2 %}Затем найдите и удалите там же строки:
<!-- Блок изменения вида списка и поля сортировки --> <div id="category_view_changer"> {% IF GOODS_VIEW_TYPE=2 %} <a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="grid_view"></a> <a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде списка, где один товар занимает одну строку" class="list_view_active"></a> {% ELSE %} <a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде таблицы, по 3 товара на строку" class="grid_view_active"></a> <a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list_view"></a> {% ENDIF %} </div> <!-- END Блок изменения вида списка и поля сортировки -->Они встретятся дважды.
Затем следующий код:
<!-- Если в тарифном плане подключен модуль фильтров по товарам, и они есть для указанного списка товаров --> {% IF TARIFF_FEATURE_GOODS_FILTERS %} <div class="filters"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filter"> <div> Цена: <div class="contentTbodySearchPriceFilterBlock"> <div class="goodsFilterPriceInfo"> <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> <div class="clear"></div> </div> <!-- Фильтры по цене --> <div class="goodsFilterPriceRangePointers"><span class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span></div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <input class="exclusive" type="submit" value="Показать" /> </div> </div> </div> </div> {% ENDIF %} <!-- END Если есть возможность фильтрации товаров по ценам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter"> <div> {filter_attr_list.NAME}:<br /> <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</option> {% ENDFOR %} </select> </div> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> <div> {filter_prop_list.NAME}:<br /> <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</option> {% ENDFOR %} </select> </div> </div> {% ENDFOR %} {% ENDIF %} <div class="clear"></div> </form> </div> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам, и они есть для указанного списка товаров -->перенесите после строки:
<strong style="float: left;line-height:35px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>
После чего редактируем style.css. Находим строку:
.filters {display block; padding: 10px 0 0;}и заменяем её на:
.filters {display block; padding: 10px 0 0 10px;float: left;}
а строку:
.sortPagiBar{padding-bottom:20px;height: 20px;}на
.sortPagiBar{padding-bottom:20px;height: 40px;}
2. Приведите, пожалуйста, пример товара, для которого применен фильтр по характеристикам.
3. В style.css найдите строку:
#category_view_type.list_view #product_list .product_image{max-width:194px;margin:auto;height:auto;z-index:1}и замените её на:
#category_view_type.list_view #product_list .product_image{max-width:97px;margin:auto;height:auto;z-index:1;max-hight:97px;}
#7
Отправлено 19 Июнь 2014 - 19:58
1) Потерялся фильтр по ценам
2) Потерялся фильтр по характеристикам
3) Товары сейчас таблицей, а надо по строчный, сори если я не правильно объяснил
Ссылка на товары, в категории 3 фильтра по характеритсикам m33374.storeland.ru/catalog/Shassi
#8
Отправлено 19 Июнь 2014 - 20:08
theone (19 Июнь 2014 - 19:58) писал:
1) Потерялся фильтр по ценам
2) Потерялся фильтр по характеристикам
3) Товары сейчас таблицей, а надо по строчный, сори если я не правильно объяснил
Ссылка на товары, в категории 3 фильтра по характеритсикам m33374.storeland.ru/catalog/Shassi
<strong style="float: left;line-height:35px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>Фильтры вернутся. После чего настроим отображение фильтров по характеристикам.
Попробуйте обновить кэш (Ctrl+F5), поскольку у меня ваши товары отображаются только списком.
#9
Отправлено 19 Июнь 2014 - 20:15
ЗЫ Этих строчек просто две <strongstyle="float: left;line-height:35px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>
#10
Отправлено 19 Июнь 2014 - 20:25
theone (19 Июнь 2014 - 20:15) писал:
ЗЫ Этих строчек просто две <strongstyle="float: left;line-height:35px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>
.filters {display block; padding: 10px 0 0 10px;float: left;}и замените её на:
.filters {display block; padding: 50px 0 0 10px;float: left;width: 1000px;}
#11
Отправлено 19 Июнь 2014 - 20:28
1) количество товаров перенести
2) приподнять товары
3) как изменить цвет кнопки добавить в корзину и быстрый заказ?
4) чтобы клиент мог выбирать сколько товаров на страницу
#14
Отправлено 19 Июнь 2014 - 20:49
theone (19 Июнь 2014 - 20:34) писал:
<strong style="float: left;line-height:35px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>Затем добавьте после строк:
<div id="productsSortForm"> <!-- Поле выбора сортировки --> {% IF goods_show_order_fields %} <label class="sort_by">Сортировать по:</label> <select name="goods_search_field_id" onchange="this.form.submit();"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDFOR %} </select> {% ENDIF %} </div>строку
<strong style="float: left;line-height:35px;margin-left:20px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>Затем в style.css найдите строку:
.sortPagiBar{padding-bottom:20px; height: 40px; }и замените её на:
.sortPagiBar{padding-bottom:20px;}после чего найдите строку
.filters {display block; padding: 50 0 0 10px;float: left;width: 1000px;}и замените её на:
.filters {display block; padding: 0 0 0 10px;float: left;width: 1000px;}
3. Изменить цвет кнопки "Добавить в корзину" можно, отредактировав в style.css параметр background-color в строке
.add_to_cart{display:block;background-color:#da3b44;background-image:url('http://m33374.storeland.net/cart_white.png');background-repeat:no-repeat;background-position:13px 50%;Вместо da3b44 поставьте свой цвет.
4. То есть в каталоге вам рядом с кнопкой нужен счетчик?
#16
Отправлено 19 Июнь 2014 - 21:22
theone (19 Июнь 2014 - 21:08) писал:
<strong style="float: left;line-height:35px;margin-left:20px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>добавьте код:
<div style="margin-left:20px; float:left;"> Показывать по: <select name="per_page" onchange="this.form.submit();"> {% FOR goods_per_page_list %} <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option> {% ENDFOR %} </select> </div>
#17
Отправлено 19 Июнь 2014 - 21:28
1)еще необходимо поменять местами количество товара в категории и выровнять эту строчку
#18
Отправлено 19 Июнь 2014 - 21:51
theone (19 Июнь 2014 - 21:28) писал:
1)еще необходимо поменять местами количество товара в категории и выровнять эту строчку
<strong style="float: left;line-height:35px;margin-left:20px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong> <div style="margin-left:20px; float:left;"> Показывать по: <select name="per_page" onchange="this.form.submit();"> {% FOR goods_per_page_list %} <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option> {% ENDFOR %} </select> </div>и замените его на:
{% IF goods_show_per_page %} {% IFNOT index_page %} <div> Показывать по: <select name="per_page" onchange="this.form.submit();"> {% FOR goods_per_page_list %} <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option> {% ENDFOR %} </select> </div> {% ENDIF %} {% ENDIF %} <strong style="float: left;line-height:35px;margin-left:20px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>Проверим на работоспособность, а затем отстилизуем.
#19
Отправлено 19 Июнь 2014 - 21:59
#20
Отправлено 20 Июнь 2014 - 02:13
.filters { padding: 0 !important; } .filter { vertical-align: bottom !important; } #productsSortForm label { display: block; } #productsSortForm + div { float: left; margin: 28px 10px 0; } #productsSortForm + div + strong { margin-left: 0 !important; margin-top: 25px; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных