Barmalei (10 Декабрь 2015 - 22:47) писал:
Добрый день!
Решил вынести в отдельную тему несколько маленьких вопросов.
SL-366808
Пожалуйста, ответьте до Ваших выходных, очень прошу
1. Если начать увеличивать страницу, то вон страницы начинает съезжать: рисунок 1. Как сделать, что бы не съезжало?
2. А если страницу уменьшить, то увидим, что фон дублируется: рисунок 2. Как убрать этот дубляж? Так же, подвал сайта почему-то не прижат к низу страницы. Как прижать?
3. Верхнюю панель меню как мне можно сдвинуть влево?
4. Открывая страницу "Каталог" как сделать, что бы иконки отображались по середине страницы? Сейчас они прижаты влево.
5. Когда товары отображаются в виде списка - как убрать рамку вокруг рисунка товара?
6. Когда товары отображаются в виде списка - внизу каждого товара есть едва различимая жирная линия. Рисунок 3. Как сделать, что бы эта линия располагалась между товарами вне рамок? Сейчас она внутри рамок товаров в самом низу.
7. Когда товары отображаются таблицей, и если нажать кнопку "В корзину" - видим не красивую картину (Рисунок 4). Как сделать нормально?
8. Иконки отображения товаров таблицей или списком скачут по странице в зависимости от того, какой товар сейчас смотрим. Рисунки 5 и 6. Как мне их зафиксировать навсегда?
9. Когда товары отображаются таблицей, при наведении на товар мышкой - всплывает поле с кратким описанием товара. Рисунок 7. Как мне сменить цвет рамки всплывающего окна?
10. Можно ли сравнивать более, чем 3 товара? Рисунок 8. Может быть, можно добавить скролл, что бы можно было сравнивать больше товаров?
11. При сравнении товаров бывает, что у товаров на совпадает набор параметров. Можно ли сделать так, что бы сайт сам проставлял прочерки в те характеристики, которые отсутствуют для данного товара? Рисунок 8
12. Где блок управления положением верхней надписи ("В корзине товаров на" и "Поиск")? Хочу поэкспериментировать с их расположением на странице
Здравствуйте,
1,2 Данная проблема возникает, из-за того ваш шаблон не адаптирован под мобильные устройства,поэтому фоновое изображение съезжает.
Можно зафиксировать найдите в main.css
#cpages {
/* background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;*/
min-height: 750px;
padding-top: 10px;
}
замените на
#cpages {
background:url('{ASSETS_IMAGES_PATH}Main_bg.png') repeat -477px;
min-height: 805px;
padding-top: 10px;
}
далее найдите
.container {position:relative; width: 958px; margin: 0px auto; }
замените на
.container {position:relative; width: 967px; margin: 0px auto; }
в шаблоне HTML найдите
<body style="background:url('{ASSETS_IMAGES_PATH}Main_bg.png') repeat center 255px;">
замените на
<body style="">
далее найдите
body {
background-color: #212121;
min-width: 960px;
}
замените на
body {
background-color: #fff;
min-width: 960px;
}
3. в конец main.css добавьте
#mainmenu {
margin-left: 35px;
}
где изменяете значение
35, что бы передвинуть меню
4. в конец main.css добавьте
.content_catalog_nested_categories {
margin-left: 48px;
}
5. найдите в файле main.css
.listing .imagem {
position: relative;
display: inline;
float: left;
width: 220px;
margin-right: 10px;
border: 1px solid #D6D6D6;
text-align: center;
background: #FFF;
padding: 1px;
}
замените на
.listing .imagem {
position: relative;
display: inline;
float: left;
width: 220px;
margin-right: 10px;
text-align: center;
background: #FFF;
padding: 1px;
}
6. найдите в файле main.css
.listing {
margin-bottom: 10px;
padding-top: 10px;
border: 1px solid #e5e5e5;
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
}
замените на
.listing {
margin-bottom: 10px;
padding-top: 10px;
border: 1px solid #e5e5e5;
box-shadow: 0px 3px 3px #F8F4F4;
}
7 в конец main.css добавьте
td.goodsListItem {
z-index: 1 !important;
}
8. в конец main.css добавьте
.goodsListingTopNavigation {
min-width: 664px;
}
9. найдите в main.css
.show_desc {
background: #FFFFFF;
border: 1px solid #F2930C;
font-size: 12px;
line-height: 1.25;
display: none;
padding: 8px;
position: absolute;
right: -105px;
top: 10px;
width: 115px;
z-index: 1000;
}
где изменяете значение border: 1px solid #
F2930C;
10 к сожалению данный шаблон не позволяет просматривать более 3 товаров одновременно.
11.к сожалению нет.
12. данный блок находится в шаблоне hTML
<!-- Корзина -->
<div id="cartInfo">
<a href="{CART_URL}">в корзине товаров на</a>:
<span id="cartSum">
{% IF cart_count_empty %}
<span>0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
<span class="num">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span><br />
{% ENDFOR %}
{% ENDIF %}
</span>
</div>
<!-- end Корзина -->
<!-- Поиск -->
<div id="search">
<form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
<div>
<input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />
<div class="clr"></div>
</div>
</form>
</div>
<div class="clr"></div>
<!-- end Поиск -->
0
Как исправить? Рисунок 12.
. Ну и что бы при нажатии на них тоже выскакивало меню, предлагающее продолжить покупки или перейти в корзину.
