0
Подскажите, Как Увеличить "рабочую Область"
Автор Nogami, 05 июня 2014 11:17
Сообщений в теме: 9
#1
Отправлено 05 Июнь 2014 - 11:17
Не пойму, как расширить видимую область страницы сайта. В скриншоте показал, что мне необходимо. И ещё не пойму, как перенести каталог справа налево.
Подскажите пожалуйста.
Спасибо.
Подскажите пожалуйста.
Спасибо.
#4
Отправлено 05 Июнь 2014 - 11:51
Nogami (05 Июнь 2014 - 11:48) писал:
Аккаунт SL-222857 Bonposuda.ru
1) В main.css находим код:
.container { position: relative; width: 960px; margin: 0px auto; }
и увеличиваем значение width
2) В шаблоне 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 level-{catalog.LEVEL}"> <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> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir" data-yashareTheme="counter" ></div> <!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% 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><br /> </li> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров --> <!-- Последние товары, просмотренные пользователем --> {% IFNOT recently_viewed_goods_empty %} <li class="recent_viewed"><br /><h2>Вы смотрели</h2> <div class="contentTbodyRecentlyViewed"> <table class="recent_viewed"> {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index > 3 %} {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 %} <!-- Последние товары, просмотренные пользователем --> <!-- Если в тарифном плане подключен модуль новостей --> {% 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>
и вставляем его перед:
<td class="content_body cont700"> {BODY}
#5
Отправлено 05 Июнь 2014 - 14:53
MikDark (05 Июнь 2014 - 11:51) писал:
1) В main.css находим код:
и увеличиваем значение width
2) В шаблоне HTML вырезаем код:
и вставляем его перед:
.container { position: relative; width: 960px; margin: 0px auto; }
и увеличиваем значение width
2) В шаблоне 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 level-{catalog.LEVEL}"> <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> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir" data-yashareTheme="counter" ></div> <!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% 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><br /> </li> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров --> <!-- Последние товары, просмотренные пользователем --> {% IFNOT recently_viewed_goods_empty %} <li class="recent_viewed"><br /><h2>Вы смотрели</h2> <div class="contentTbodyRecentlyViewed"> <table class="recent_viewed"> {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index > 3 %} {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 %} <!-- Последние товары, просмотренные пользователем --> <!-- Если в тарифном плане подключен модуль новостей --> {% 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>
и вставляем его перед:
<td class="content_body cont700"> {BODY}
Увеличиваю значение width и все что на главной смещается влево. Мне нужно увеличить рабочую область, чтоб рядом со слайдером справа или слева было место ещё. Идея в том, чтоб на одном экране без скролинга поместилось больше информации.
#6
Отправлено 05 Июнь 2014 - 15:06
Nogami (05 Июнь 2014 - 14:53) писал:
Увеличиваю значение width и все что на главной смещается влево. Мне нужно увеличить рабочую область, чтоб рядом со слайдером справа или слева было место ещё. Идея в том, чтоб на одном экране без скролинга поместилось больше информации.
Нужно еще увеличить на то же значение здесь:
.cont700 { width: 700px; }
#8
Отправлено 05 Июнь 2014 - 23:52
на данный момент не вижу изменений в сл.блоке:
.container { margin: 0 auto; position: relative; width: 960px; }выше вас просили увеличить в нем значение width
#9
Отправлено 16 Июнь 2014 - 18:37
Ребят, я менял значение но изменил все обратно, магазин рабочий, если я оставлю с измененным значением width, то будут не корректно отображаться страницы каталога и товаров, о чем я писал выше, ждать пол дня пока мне подскажут нет возможности. Повторю вопрос: когда переходишь в каталог или на страницу товара, то там все просто влево смещается, как увеличить рабочую область не только главной страницы, но и остальных ?
Спасибо.
Спасибо.
Vaccina (05 Июнь 2014 - 23:52) писал:
на данный момент не вижу изменений в сл.блоке:
.container { margin: 0 auto; position: relative; width: 960px; }выше вас просили увеличить в нем значение width
#10
Отправлено 17 Июнь 2014 - 04:54
В main.css находим:
далее находим:
далее заходим в раздел Товары, Поиск, HTML находим:
.container { margin: 0 auto; position: relative; width: 960px; } .cont700 { width: 700px; }меняем на
.container { margin: 0 auto; position: relative; width: 1200px; } .cont700 { width: 940px; }
далее находим:
.listing .contm { display: inline; float: left; position: relative; width: 435px; }меняем на:
.listing .contm { display: inline; float: left; position: relative; width: 680px; }
далее заходим в раздел Товары, Поиск, HTML находим:
is_divided("3"меняем на
is_divided("4"
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных