![](https://forum.storeland.ru/public/style_images/master/icon_users.png)
![](https://secure.gravatar.com/avatar/1e4dc51e791252905b03d3646fc0cf5b?s=100&d=https%3A%2F%2Fforum.storeland.ru%2Fpublic%2Fstyle_images%2Fmaster%2Fprofile%2Fdefault_large.png)
Уведомление О Появлении Товара
#21
Отправлено 17 Январь 2014 - 18:46
-Нужно чтобы картинки были на одном уровне и одного размера
-Нужно чтобы цена товара была на одном уровне
#22
Отправлено 17 Январь 2014 - 20:57
Pavel S. (17 Январь 2014 - 18:46) писал:
-Нужно чтобы картинки были на одном уровне и одного размера
-Нужно чтобы цена товара была на одном уровне
Чтобы на главной в карусели картинки были на одном уровне и одного размера, надо в шаблоне style.css добавить в конец
.mycarousel li h3 { height: 35px;} .mycarousel li img { height: 30%;}Для каталога товаров проделать то же самое и выровнять цены можно добавление в style.css такого кода
.containers2 .items figure {height: 45%; float:none;} .containers2 .items figure img {height: 100%;} .containers2 .items h3 { height: 35px;}
#24
Отправлено 21 Январь 2014 - 04:42
.containers .items figure, .containers2 .items figure, .containers .items > div, .containers2 .items > div { width: 170px !important; }замените на6
.containers .items figure, .containers2 .items figure, .containers .items > div, .containers2 .items > div { height: 130px; width: 170px !important; }
далее найдите:
.containers .items, .containers2 .items { display: inline-block; float: none !important; height: 350px; position: relative; vertical-align: top; width: 170px !important; }и уменьшите значение height
#25
Отправлено 21 Январь 2014 - 17:11
Vaccina (21 Январь 2014 - 04:42) писал:
.containers .items figure, .containers2 .items figure, .containers .items > div, .containers2 .items > div { width: 170px !important; }замените на6
.containers .items figure, .containers2 .items figure, .containers .items > div, .containers2 .items > div { height: 130px; width: 170px !important; }
далее найдите:
.containers .items, .containers2 .items { display: inline-block; float: none !important; height: 350px; position: relative; vertical-align: top; width: 170px !important; }и уменьшите значение height
#26
Отправлено 21 Январь 2014 - 17:21
Pavel S. (10 Январь 2014 - 08:16) писал:
Рис1.
![Прикрепленный файл](https://forum.storeland.ru/public/style_images/master/attachicon.gif)
рис2.
![Прикрепленный файл](https://forum.storeland.ru/public/style_images/master/attachicon.gif)
рис3
![Прикрепленный файл](https://forum.storeland.ru/public/style_images/master/attachicon.gif)
рис4.
![Прикрепленный файл](https://forum.storeland.ru/public/style_images/master/attachicon.gif)
рис5.
![Прикрепленный файл](https://forum.storeland.ru/public/style_images/master/attachicon.gif)
рис6.
![Прикрепленный файл](https://forum.storeland.ru/public/style_images/master/attachicon.gif)
рис7.
![Прикрепленный файл](https://forum.storeland.ru/public/style_images/master/attachicon.gif)
пока вроде все.
Сейчас наверное 30-40% (а то и больше) интернет пользователей используют смартфоны и планшеты.
Прошу повторно помочь в решении данный проблемы. Если она не решаема то прошу из уважения к моим стараниям ответить.
Ведь в предыдущий раз я ответа так и не получил
![:(](http://forum.storeland.ru/public/style_emoticons/default/sad.png)
Надеюсь на понимание.
С уважением. Pavel S.
#27
Отправлено 22 Январь 2014 - 05:17
Pavel S. (21 Январь 2014 - 17:11) писал:
Под блоком изображений иные блоки не "прыгают", блок изображений на данный момент выровнен. если вы хотите сделать одинаковыми сами изображения по размеру, то изначально их необходимо загружать пропорционально одинаковыми, принудительное их растягивание скажется на качестве, остается как вариант, по самому маленькому изображению выровнять остальные скрыв лишнюю часть.
Pavel S. (21 Январь 2014 - 17:21) писал:
Сейчас наверное 30-40% (а то и больше) интернет пользователей используют смартфоны и планшеты.
Прошу повторно помочь в решении данный проблемы. Если она не решаема то прошу из уважения к моим стараниям ответить.
Ведь в предыдущий раз я ответа так и не получил
![:(](http://forum.storeland.ru/public/style_emoticons/default/sad.png)
Надеюсь на понимание.
С уважением. Pavel S.
Пожалуйста не дублируйте сообщения, если данная тема обсуждалась в другом месте. Лучше повторно отписаться в той теме. Укажите пожалуйста ссылку на эту тему.
#28
Отправлено 22 Январь 2014 - 05:28
Vaccina (22 Январь 2014 - 05:17) писал:
Под блоком изображений иные блоки не "прыгают", блок изображений на данный момент выровнен. если вы хотите сделать одинаковыми сами изображения по размеру, то изначально их необходимо загружать пропорционально одинаковыми, принудительное их растягивание скажется на качестве, остается как вариант, по самому маленькому изображению выровнять остальные скрыв лишнюю часть.
Пожалуйста не дублируйте сообщения, если данная тема обсуждалась в другом месте. Лучше повторно отписаться в той теме. Укажите пожалуйста ссылку на эту тему.
#29
Отправлено 23 Январь 2014 - 06:18
Заранее сделайте бэк ап.
Работать будем в основном со стилями поэтому заходим в шаблон style.css
1. найдите:
header[role="banner"] .hgroup { left: 0; margin: 1.5em 0 1em; overflow: hidden; position: relative; top: 0; width: 100%; }попробуйте заменить на:
header[role="banner"] .hgroup { left: 25%; margin: 0 auto; overflow: hidden; position: relative; width: 100%; }
далее
header[role="banner"] h1 a { color: #FFFFFF; display: block; font: 20px/25px Magneto; height: 300px; width: 300px; }замените на:
header[role="banner"] h1 a { color: #FFFFFF; display: block; font: 20px/25px Magneto; height: 200px; width: 300px; }
2. подобного не замечено
3.найдите:
section header { margin-bottom: 1em; overflow: hidden; }замените на:
section header { margin-bottom: 1em; overflow: hidden; text-align: center; }
4. найдите:
header[role="banner"] form { clear: both; left: 0; position: relative; top: 0; }замените на:
header[role="banner"] form { clear: both; left: 12%; position: relative; top: 0; }надпись сейчас по центру.
5.В шаблоне Товар найдите и укоротите сл.надпись:
Цитата
#30
Отправлено 23 Январь 2014 - 12:46
Vaccina (23 Январь 2014 - 06:18) писал:
Заранее сделайте бэк ап.
Работать будем в основном со стилями поэтому заходим в шаблон style.css
1. найдите:
header[role="banner"] .hgroup { left: 0; margin: 1.5em 0 1em; overflow: hidden; position: relative; top: 0; width: 100%; }попробуйте заменить на:
header[role="banner"] .hgroup { left: 25%; margin: 0 auto; overflow: hidden; position: relative; width: 100%; }
далее
header[role="banner"] h1 a { color: #FFFFFF; display: block; font: 20px/25px Magneto; height: 300px; width: 300px; }замените на:
header[role="banner"] h1 a { color: #FFFFFF; display: block; font: 20px/25px Magneto; height: 200px; width: 300px; }
2. подобного не замечено
3.найдите:
section header { margin-bottom: 1em; overflow: hidden; }замените на:
section header { margin-bottom: 1em; overflow: hidden; text-align: center; }
4. найдите:
header[role="banner"] form { clear: both; left: 0; position: relative; top: 0; }замените на:
header[role="banner"] form { clear: both; left: 12%; position: relative; top: 0; }надпись сейчас по центру.
5.В шаблоне Товар найдите и укоротите сл.надпись:
6,7 - товары отображаются на данный момент
Этот вариант мне не подходит, да и на смартфоне стало только хуже.
Вот так было
![Было.jpg](https://forum.storeland.ru/uploads/post-8447-0-08014800-1390470210_thumb.jpg)
И вот так стало
![Стало.jpg](https://forum.storeland.ru/uploads/post-8447-0-24656900-1390470211_thumb.jpg)
А вот что стало на смартфоне
![image-23-01-14-04-41.png](https://forum.storeland.ru/uploads/post-8447-0-75460000-1390470340_thumb.png)
![image-23-01-14-04-41-1.png](https://forum.storeland.ru/uploads/post-8447-0-19014400-1390470341_thumb.png)
![image-23-01-14-04-41-2.png](https://forum.storeland.ru/uploads/post-8447-0-40706500-1390470342_thumb.png)
![image-23-01-14-04-41-3.png](https://forum.storeland.ru/uploads/post-8447-0-51183000-1390470343_thumb.png)
![image-23-01-14-04-41-5.png](https://forum.storeland.ru/uploads/post-8447-0-32401700-1390470345_thumb.png)
#32
Отправлено 24 Январь 2014 - 09:03
Pavel S. (24 Январь 2014 - 04:24) писал:
Помогите пожалуйста исправить некорректное отображение Новинок
Добавьте в конец style.css код -
.rating,.spav{clear: both; overflow: hidden; margin-bottom: 1em; bottom: 35px; position: absolute;} .rating{bottom: 64px;}
Далее найдите код в шаблоне HTML -
<!-- Список новинок --> {% IFNOT index_page_new_goods_empty %} <section class="newsletter"> <div> <h3><b>Новинки</b></h3> </div> </section> <section role="main"> <div class="containers2"> {% FOR index_page_new_goods %} <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;"> <div style="width: 193px;position: relative;overflow:hidden;"> <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"> <img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div> <h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3> <div class="price"> <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_new_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_new_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_new_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_new_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_new_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_new_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_new_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="buy-item"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" /> <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество"> <!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_new_goods.NAME}» в корзину" />В корзину</button--> <button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</button> </div> </form> </div> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a> {% ELSE %} <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a> {% ENDIF %} {% ENDIF %} {% ENDIF %} </div> {% ENDFOR index_page_new_goods %} </div> </section> <div class="clear"></div> {% ENDIF %} <!-- /Список новинок -->и замените на -
<!-- Список новинок --> {% IFNOT index_page_new_goods_empty %} <section class="newsletter"> <div> <h3><b>Новинки</b></h3> </div> </section> <section role="main"> <div class="containers2"> {% FOR index_page_new_goods %} <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;"> <h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3> <div style="width: 193px;position: relative;overflow:hidden;"> <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"> <img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div> <div class="price"> <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <br> <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <br> <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_new_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_new_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_new_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_new_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_new_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_new_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_new_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="buy-item"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" /> <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество"> <!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_new_goods.NAME}» в корзину" />В корзину</button--> <button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</button> </div> </form> </div> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <div class="spav"> {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a> {% ELSE %} <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a> {% ENDIF %} </div> {% ENDIF %} {% ENDIF %} </div> {% ENDFOR index_page_new_goods %} </div> </section> <div class="clear"></div> {% ENDIF %} <!-- /Список новинок -->
#33
Отправлено 24 Январь 2014 - 09:46
miyako (24 Январь 2014 - 09:03) писал:
.rating,.spav{clear: both; overflow: hidden; margin-bottom: 1em; bottom: 35px; position: absolute;} .rating{bottom: 64px;}
Далее найдите код в шаблоне HTML -
<!-- Список новинок --> {% IFNOT index_page_new_goods_empty %} <section class="newsletter"> <div> <h3><b>Новинки</b></h3> </div> </section> <section role="main"> <div class="containers2"> {% FOR index_page_new_goods %} <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;"> <div style="width: 193px;position: relative;overflow:hidden;"> <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"> <img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div> <h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3> <div class="price"> <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_new_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_new_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_new_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_new_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_new_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_new_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_new_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="buy-item"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" /> <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество"> <!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_new_goods.NAME}» в корзину" />В корзину</button--> <button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</button> </div> </form> </div> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a> {% ELSE %} <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a> {% ENDIF %} {% ENDIF %} {% ENDIF %} </div> {% ENDFOR index_page_new_goods %} </div> </section> <div class="clear"></div> {% ENDIF %} <!-- /Список новинок -->и замените на -
<!-- Список новинок --> {% IFNOT index_page_new_goods_empty %} <section class="newsletter"> <div> <h3><b>Новинки</b></h3> </div> </section> <section role="main"> <div class="containers2"> {% FOR index_page_new_goods %} <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;"> <h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3> <div style="width: 193px;position: relative;overflow:hidden;"> <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"> <img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div> <div class="price"> <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <br> <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <br> <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_new_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_new_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_new_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_new_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_new_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_new_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_new_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="buy-item"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" /> <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество"> <!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_new_goods.NAME}» в корзину" />В корзину</button--> <button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</button> </div> </form> </div> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <div class="spav"> {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a> {% ELSE %} <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a> {% ENDIF %} </div> {% ENDIF %} {% ENDIF %} </div> {% ENDFOR index_page_new_goods %} </div> </section> <div class="clear"></div> {% ENDIF %} <!-- /Список новинок -->
Еще нужно добавить надпись над каруселью "популярный товар"
![Главная2.jpg](https://forum.storeland.ru/uploads/post-8447-0-87396300-1390544514_thumb.jpg)
В новинках выровнять цены и чуть чуть опустить картинки а то названия не видно.
![Главная.jpg](https://forum.storeland.ru/uploads/post-8447-0-72077200-1390544513_thumb.jpg)
#34
Отправлено 24 Январь 2014 - 10:38
найдите в файле css код
.price {font-size: 16px; color: #000; margin: 5px;}замените его на
.price {font-size: 16px; color: #000; margin: 5px;position: absolute;bottom: 103px;}
так же найдите код
a img {border:0;}и замените его на
a img {border:0;height: 100px;}
#35
Отправлено 24 Январь 2014 - 11:10
empty9228 (24 Январь 2014 - 10:38) писал:
найдите в файле css код
.price {font-size: 16px; color: #000; margin: 5px;}замените его на
.price {font-size: 16px; color: #000; margin: 5px;position: absolute;bottom: 103px;}
так же найдите код
a img {border:0;}и замените его на
a img {border:0;height: 100px;}
Подскажите как картинки в новинках пониже сделать?
#36
Отправлено 24 Январь 2014 - 11:33
.containers2 img { position: relative; top: 23px; }
#38
Отправлено 24 Январь 2014 - 15:51
Pavel S. (24 Январь 2014 - 14:10) писал:
Найдите код в шаблоне HTML -
<!-- Список новинок --> {% IFNOT index_page_new_goods_empty %} <section class="newsletter"> <div> <h3><b>Новинки</b></h3> </div> </section> <section role="main"> <div class="containers2"> {% FOR index_page_new_goods %} <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;"> <h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3> <div style="width: 193px;position: relative;overflow:hidden;"> <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"> <img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div> <div class="price">и замените на -
<!-- Список новинок --> {% IFNOT index_page_new_goods_empty %} <section class="newsletter"> <div> <h3><b>Новинки</b></h3> </div> </section> <section role="main"> <div class="containers2"> {% FOR index_page_new_goods %} <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;"> <h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3> <div style="width: 193px;position: relative;overflow:hidden;"> <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"> <img class="img_new_goods" alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div> <div class="price">
Далее найдите код в main.css -
.containers2 img { position: relative; top: 23px; }и замените на -
.img_new_goods { position: relative; top: 23px; }
#39
Отправлено 26 Январь 2014 - 14:12
miyako (24 Январь 2014 - 15:51) писал:
<!-- Список новинок --> {% IFNOT index_page_new_goods_empty %} <section class="newsletter"> <div> <h3><b>Новинки</b></h3> </div> </section> <section role="main"> <div class="containers2"> {% FOR index_page_new_goods %} <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;"> <h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3> <div style="width: 193px;position: relative;overflow:hidden;"> <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"> <img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div> <div class="price">и замените на -
<!-- Список новинок --> {% IFNOT index_page_new_goods_empty %} <section class="newsletter"> <div> <h3><b>Новинки</b></h3> </div> </section> <section role="main"> <div class="containers2"> {% FOR index_page_new_goods %} <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;"> <h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3> <div style="width: 193px;position: relative;overflow:hidden;"> <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"> <img class="img_new_goods" alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div> <div class="price">
Далее найдите код в main.css -
.containers2 img { position: relative; top: 23px; }и замените на -
.img_new_goods { position: relative; top: 23px; }
#40
Отправлено 27 Январь 2014 - 13:19
Pavel S. (26 Январь 2014 - 14:12) писал:
.buy-item {clear: both; overflow: hidden; margin-bottom: 1em;bottom: 0; position: absolute;}на
.buy-item {clear: both; overflow: hidden; margin-bottom: 1em;bottom: 0; position: absolute;width: 193px;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных