Прощу Подсказать
#1
Отправлено 26 Декабрь 2013 - 15:30
1) Как мне изменить цвет заднего фона сайта? Меняю в css, но цвет меняет только полоска внизу сайта.
2) В каталоге товара, при передвижении фильтра-полоски в браузере Опера, ничего не происходит. В Опере можно двигать ее слева направо, т.е. в сторону увеличения цены. В другую нельзя. В других браузерах все работает.
#2
Отправлено 26 Декабрь 2013 - 15:54
JnkSmpL (26 Декабрь 2013 - 15:30) писал:
1) Как мне изменить цвет заднего фона сайта? Меняю в css, но цвет меняет только полоска внизу сайта.
2) В каталоге товара, при передвижении фильтра-полоски в браузере Опера, ничего не происходит. В Опере можно двигать ее слева направо, т.е. в сторону увеличения цены. В другую нельзя. В других браузерах все работает.
#header-fluid { position: relative; background: #FAFAFA url('http://design.foggi.ru/header-top-bg.png') repeat-x 0 0; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); z-index: 10; }в строке
background: #FAFAFAзадайте нужный цвет фона
список цветов и кодов здесь
#3
Отправлено 26 Декабрь 2013 - 15:58
#4
Отправлено 27 Декабрь 2013 - 05:58
#6
Отправлено 02 Январь 2014 - 23:25
#more_info_shadow { position: relative; background: #ffffff; margin-bottom: 50px; border: 1px solid #c0c0c0; }и замените его на
#more_info_shadow { position: relative; background: #ffffff; margin-bottom: 50px; border: 1px solid #c0c0c0; padding-top: 2px; }
#7
Отправлено 02 Январь 2014 - 23:30
Stasya (02 Январь 2014 - 23:25) писал:
#more_info_shadow { position: relative; background: #ffffff; margin-bottom: 50px; border: 1px solid #c0c0c0; }и замените его на
#more_info_shadow { position: relative; background: #ffffff; margin-bottom: 50px; border: 1px solid #c0c0c0; padding-top: 2px; }
Большое спасибо. И еще вопросик.
Как выравнить изображение в блоке по центру
#8
Отправлено 03 Январь 2014 - 02:29
JnkSmpL (02 Январь 2014 - 23:30) писал:
Как выравнить изображение в блоке по центру
Чтобы выравнять картинки в категориях, нам необходимо будет указать фиксированные параметры для изображений.
Редактируем main.css
Находим
#category_view_type.grid_view #product_list .product_image_wrapper { vertical-align: middle; position: relative; height: 284px; padding: 8px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); background: #ffffff; }
Заменить на
#category_view_type.grid_view #product_list .product_image_wrapper { vertical-align: middle; position: relative; height: 220px; padding: 8px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); background: #ffffff; }
Находим
#category_view_type.grid_view #product_list .product_image { max-width: 184px; margin: auto; height: auto; z-index: 1; }
Заменить на
#category_view_type.grid_view #product_list .product_image { max-width: 184px; margin: auto; height: 210px; z-index: 1; }
#9
Отправлено 16 Март 2014 - 20:47
1) Урл на сайте генерируется с большой буквы, т.е. foggi.ru/catalog/Zhenskaya-odezhda
И так везде. Как сделать так, чтобы эта большая буква не появлялась?
2) Как слева в меню сделать так, чтобы каталог не сворачивался, а был всегда открытым?
Пример:
Одежда
- футболки
- кофты
- платья
#10
Отправлено 16 Март 2014 - 22:46
JnkSmpL (16 Март 2014 - 20:47) писал:
1) Урл на сайте генерируется с большой буквы, т.е. foggi.ru/catalog/Zhenskaya-odezhda
И так везде. Как сделать так, чтобы эта большая буква не появлялась?
2) Как слева в меню сделать так, чтобы каталог не сворачивался, а был всегда открытым?
Пример:
Одежда
- футболки
- кофты
- платья
1) в сео-параметрах при создании страницы или товара есть создание ссылки. Здесь Вы можете самостоятельно написать любую ссылку к данной страницу
2) в шаблоне HTML замените все catalog. на catalog_full.
#11
Отправлено 16 Март 2014 - 22:48
support 2.0 (16 Март 2014 - 22:46) писал:
2) в шаблоне HTML замените все catalog. на catalog_full.
1) у меня в шаблоне и так везде catalog_full. а просто catalog. нет ни одного.
2)Так в том то и дело, что по умолчанию, ссылка создается с заглавной буквой, а чтобы ее убрать, приходится каждый раз изменять вручную ссылку. Как сделать так, чтобы она не становилась заглавной.
#12
Отправлено 17 Март 2014 - 08:28
text-transform:lowercase;
#15
Отправлено 22 Март 2014 - 12:55
А просто приближался. Простой пример, ladoma.ru. Попробуйте увеличить масштаб, все остается на месте, просто становится более крупным. В шаблоне же "Осень", основной "контейнер" все время меняет свой размер при масштабировании. Вот скрин примера
#16
Отправлено 22 Март 2014 - 15:03
JnkSmpL (22 Март 2014 - 12:55) писал:
А просто приближался. Простой пример, ladoma.ru. Попробуйте увеличить масштаб, все остается на месте, просто становится более крупным. В шаблоне же "Осень", основной "контейнер" все время меняет свой размер при масштабировании. Вот скрин примера
Здравствуйте, это происходит из-за того что шаблон Осень адаптивный.
Можно попробовать убрать часть кода адаптивности шаблона
Редактируем style.css
Находим и удаляем
@media only screen and (max-width:959px) { .container{width:710px;position: relative;} .column,.columns{margin:0 10px} .half{width:364px} .one-third{width:220px} .two-third{width:450px} .hide-desktop{display:inline!important} .hide-mobile{display:none!important} #header-right {height: 100%;margin: 0;} #megamenu{display:none!important} #header_shopping_cart{margin-top:0px;} #search_block_top{position: relative;float: left;margin: 16px 0px 0 0;clear: both;} #category_view_type.list_view #product_list li{width:450px} #left-column{width:100%} #left-column #image-block{width:528px;margin:0 auto} #left-column #image-block #small_pic{width:528px;height:auto} #left-column #view_scroll_left,#left-column #view_scroll_right{width:69px} #left-column #thumbs_list{width: 290px;} #right-wrapper{width:100%;margin:30px 0 0 0} table.autumn-table tr td:first-child {border: none;} table.autumn-table tr td:last-child {border: none;} ul.idTabs li{margin:0 0 -1px 0;display:block} table.responsive,table.responsive thead,table.responsive tbody,table.responsive tfoot,table.responsive th,table.responsive tr,table.responsive td,table.std,table.std thead,table.std tbody,table.std tfoot,table.std th,table.std tr,table.std td{display:block} .table_mobile_label{display:block} table.responsive thead,table.std thead{display:none} table.responsive tbody tr,table.std tbody tr{border-bottom:1px solid #e9e9e9} table.responsive tr.odd,table.std tr.odd{background:#fafafa!important} table.responsive td ,table.std td{border:none!important;position:relative;padding-left:50%} table.responsive tfoot tr,table.std tfoot tr{padding:10px 0;border-bottom:1px solid #e9e9e9} table.responsive tr td,table.std tr td{padding:5px!important;text-align: center !important;} .cart-table .cart_quantity .cart_quantity_input {float: none;} #order-opc h2 {font-size:10px;margin-bottom: 0;} #order-opc h2 span{font-size: 10px;display: inline-block;color: #fff;background: #333;padding: 10px 11px;margin-right: 5px;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;line-height: 10px;} #step{margin:15px 0;padding-top:20px;padding-bottom: 20px;border-top:1px dashed #c0c0c0;border-bottom:1px dashed #c0c0c0} #footer .block h4,#footer .block h4 a,#footer h4,#footer h4 a{font-size:16px;margin-bottom:20px} #footer .newsletter_input{width:70%} .sort_by{display: none;} #category_view_changer {float: left;} .sortPagiBar{padding-bottom:20px;height: 53px;} .sortPagiBar .nbrItemPage {display: none;} .accordion_main {display: block;} } @media only screen and (max-width:860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} .accordion_main {display: block;} } @media only screen and (max-width:767px) { .container{width:450px; height: 100%;} .column,.columns{float:none;clear:both;margin:0} .full ,.half ,.one-third ,.two-third{width:450px} select{height:auto!important} #header #cart_block{display:none!important} #header_shopping_cart{margin-top:16px;width: 100%;} #header-right {float: right;position: relative;width: 100%;height: 100%;} #header-logo {width: 100%;} #search_block_top{position: relative;float: left;margin: 40px 0px 0 0;width: 100%;} #search_block_top #search_query_top {width: 100%;} #header_user_info {color: #000;text-align: center;} #header_user_info a {color: #000;} .content_sortpagibar_pagination{margin-bottom:80px} #left-column #image-block #small_pic{width:434px;height:auto} #left-column #image-block{width:434px;margin:0 auto} #left-column #view_scroll_left,#left-column #view_scroll_right{width:61px} #left-column #thumbs_list{width: 310px;} .accordion_main {display: block;} table.autumn-table tr td:first-child, table.autumn-table tr td:last-child {border:none!important} table.responsive,table.responsive thead,table.responsive tbody,table.responsive tfoot,table.responsive th,table.responsive tr,table.responsive td,table.std,table.std thead,table.std tbody,table.std tfoot,table.std th,table.std tr,table.std td{display:block} table.responsive thead,table.std thead{display:none} table.responsive tbody tr,table.std tbody tr{border-bottom:1px solid #e9e9e9} table.responsive tr.odd,table.std tr.odd{background:#fafafa!important} table.responsive td ,table.std td{border:none!important;position:relative;padding-left:50%} table.responsive tfoot tr,table.std tfoot tr{padding:10px 0;border-bottom:1px solid #e9e9e9} ul.address{float:none;margin:0 0 20px 0!important;min-width:100%} #create-account_form {margin:0;width:300px;float:none} #footer > div{width:50%!important;margin:30px 0 0 0!important} #footer > div:nth-of-type(3){clear:left} #footer-bottom{text-align:center} .block2 {width: 450px;margin-top: 20px;} .block2 .block-content {width: 412px;} }
#17
Отправлено 22 Март 2014 - 15:10
Castiel (22 Март 2014 - 15:03) писал:
Можно попробовать убрать часть кода адаптивности шаблона
Редактируем style.css
Находим и удаляем
@media only screen and (max-width:959px) { .container{width:710px;position: relative;} .column,.columns{margin:0 10px} .half{width:364px} .one-third{width:220px} .two-third{width:450px} .hide-desktop{display:inline!important} .hide-mobile{display:none!important} #header-right {height: 100%;margin: 0;} #megamenu{display:none!important} #header_shopping_cart{margin-top:0px;} #search_block_top{position: relative;float: left;margin: 16px 0px 0 0;clear: both;} #category_view_type.list_view #product_list li{width:450px} #left-column{width:100%} #left-column #image-block{width:528px;margin:0 auto} #left-column #image-block #small_pic{width:528px;height:auto} #left-column #view_scroll_left,#left-column #view_scroll_right{width:69px} #left-column #thumbs_list{width: 290px;} #right-wrapper{width:100%;margin:30px 0 0 0} table.autumn-table tr td:first-child {border: none;} table.autumn-table tr td:last-child {border: none;} ul.idTabs li{margin:0 0 -1px 0;display:block} table.responsive,table.responsive thead,table.responsive tbody,table.responsive tfoot,table.responsive th,table.responsive tr,table.responsive td,table.std,table.std thead,table.std tbody,table.std tfoot,table.std th,table.std tr,table.std td{display:block} .table_mobile_label{display:block} table.responsive thead,table.std thead{display:none} table.responsive tbody tr,table.std tbody tr{border-bottom:1px solid #e9e9e9} table.responsive tr.odd,table.std tr.odd{background:#fafafa!important} table.responsive td ,table.std td{border:none!important;position:relative;padding-left:50%} table.responsive tfoot tr,table.std tfoot tr{padding:10px 0;border-bottom:1px solid #e9e9e9} table.responsive tr td,table.std tr td{padding:5px!important;text-align: center !important;} .cart-table .cart_quantity .cart_quantity_input {float: none;} #order-opc h2 {font-size:10px;margin-bottom: 0;} #order-opc h2 span{font-size: 10px;display: inline-block;color: #fff;background: #333;padding: 10px 11px;margin-right: 5px;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;line-height: 10px;} #step{margin:15px 0;padding-top:20px;padding-bottom: 20px;border-top:1px dashed #c0c0c0;border-bottom:1px dashed #c0c0c0} #footer .block h4,#footer .block h4 a,#footer h4,#footer h4 a{font-size:16px;margin-bottom:20px} #footer .newsletter_input{width:70%} .sort_by{display: none;} #category_view_changer {float: left;} .sortPagiBar{padding-bottom:20px;height: 53px;} .sortPagiBar .nbrItemPage {display: none;} .accordion_main {display: block;} } @media only screen and (max-width:860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} .accordion_main {display: block;} } @media only screen and (max-width:767px) { .container{width:450px; height: 100%;} .column,.columns{float:none;clear:both;margin:0} .full ,.half ,.one-third ,.two-third{width:450px} select{height:auto!important} #header #cart_block{display:none!important} #header_shopping_cart{margin-top:16px;width: 100%;} #header-right {float: right;position: relative;width: 100%;height: 100%;} #header-logo {width: 100%;} #search_block_top{position: relative;float: left;margin: 40px 0px 0 0;width: 100%;} #search_block_top #search_query_top {width: 100%;} #header_user_info {color: #000;text-align: center;} #header_user_info a {color: #000;} .content_sortpagibar_pagination{margin-bottom:80px} #left-column #image-block #small_pic{width:434px;height:auto} #left-column #image-block{width:434px;margin:0 auto} #left-column #view_scroll_left,#left-column #view_scroll_right{width:61px} #left-column #thumbs_list{width: 310px;} .accordion_main {display: block;} table.autumn-table tr td:first-child, table.autumn-table tr td:last-child {border:none!important} table.responsive,table.responsive thead,table.responsive tbody,table.responsive tfoot,table.responsive th,table.responsive tr,table.responsive td,table.std,table.std thead,table.std tbody,table.std tfoot,table.std th,table.std tr,table.std td{display:block} table.responsive thead,table.std thead{display:none} table.responsive tbody tr,table.std tbody tr{border-bottom:1px solid #e9e9e9} table.responsive tr.odd,table.std tr.odd{background:#fafafa!important} table.responsive td ,table.std td{border:none!important;position:relative;padding-left:50%} table.responsive tfoot tr,table.std tfoot tr{padding:10px 0;border-bottom:1px solid #e9e9e9} ul.address{float:none;margin:0 0 20px 0!important;min-width:100%} #create-account_form {margin:0;width:300px;float:none} #footer > div{width:50%!important;margin:30px 0 0 0!important} #footer > div:nth-of-type(3){clear:left} #footer-bottom{text-align:center} .block2 {width: 450px;margin-top: 20px;} .block2 .block-content {width: 412px;} }
Большое вам спасибо =)
#19
Отправлено 23 Март 2014 - 19:34
JnkSmpL (23 Март 2014 - 14:53) писал:
В стандартном шаблоне "Весна" предусмотрена сортировка только по цене, названию и рейтингу. Хотя добавить и другие типы сортировок (среди предусмотренных системой) можно, если понадобится.
В шаблоне "Товары" вставьте код
перед строкой
<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>
В шаблоне style.css вставьте код
.sort {float: left;color: #333; width: 100%;} .sort { margin-top:5px; } .sort .sort-by { float:left; } .sort .sort-by label { float:left; margin: 0 !important; } .sort ul {float: left;} .sort ul li {float: left; margin: 0 5px;} .OrderFilterFormByURLs {padding:0;margin:0 0 0 5px;float:left;} .OrderFilterFormByURLs li {float:left;padding:0 6px 0 0;margin:0;list-style-type:none;} .OrderFilterFormByURLs a {padding-right:12px;margin:0 2px;list-style-type:none;} .OrderFilterFormByURLs .selected-asc a {color:#000000;background:url("{ASSETS_IMAGES_PATH}upArrow.png") no-repeat right center;} .OrderFilterFormByURLs .selected-desc a {color:#000000;background:url("{ASSETS_IMAGES_PATH}downArrow.png") no-repeat right center;}и загрузите в разделе редактора шаблонов два изображения из прикрепленного архива.
Прикрепленные файлы
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных