Расположение Элементов
#21
Отправлено 14 Май 2014 - 16:03
По поводу отступа, до наших изменений, он у Вас был, я так понял что его нужно убрать, теперь его нет. Если Вам опять его нужно вернуть, то отмените данные изменения. Если у Вас все-равно этот блок впритык к краям, пришлите название браузера, каким пользуетесь.
#22
Отправлено 14 Май 2014 - 16:08
Сделал бэкап поскольку после предыдущих изменений результат не изменился и перестала работать карусель как я уже выше написал
#23
Отправлено 14 Май 2014 - 16:26
arver (14 Май 2014 - 16:08) писал:
Сделал бэкап поскольку после предыдущих изменений результат не изменился и перестала работать карусель как я уже выше написал
Теперь понятно о чем речь, найдите в style.css код:
.container { width: 1200px; margin: 0 auto; }
и замените на:
.container { width: 908px; margin: 0 auto; }
что касается прокрутки, у Вас сейчас 4 товара в карусели. Попробуйте добавить 5-й, и стрелки должны заработать.
#28
Отправлено 14 Май 2014 - 21:49
#29
Отправлено 14 Май 2014 - 21:56
arver (14 Май 2014 - 21:49) писал:
Потому что у Вас ширина шапки и основной контент зоны разная. Лучше оставить так и отредактировать элементы в шапке, но если надо вернуть ее, то в шаблоне HTML ищем:
<div class="container">
и меняем на:
<div class="container cont1">
Далее в style.css дописываем:
.cont1 {width: 1200px;}
#31
Отправлено 15 Май 2014 - 02:25
<!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <div class="autumnshowcase_block group new_products" style="background:#fff;"> <div class="title_block group"> <div style="text-align: center;font-size:38px;padding-top: 19px;">-Новинки-</div> <div class="carousel_controls"> <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a> <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a> </div> </div> <div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true"> <ul> {% FOR index_page_new_goods %} <li class="ajax_block_product item"> <a class="image_link" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}"> <span class="new">New</span> <img class="product_image" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}"> </a> <div class="product_details"> <h5><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_new_goods.NAME}</a></h5> <div class="price_container"> <span class="price">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div> </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> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <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}" /> <!--a class="exclusive" href="" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a--> <a class="exclusive" href="" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a> </form> </li> {% ENDFOR index_page_new_goods %} </ul> </div> </div> {% ENDIF %} <!-- /Список новинок на главной -->
и замените его на
<!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <div class="autumnshowcase_block group new_products" style="background:#fff;"> <div class="title_block group"> <div style="text-align: center;font-size:38px;padding-top: 19px;">-Новинки-</div> </div> <div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true"> <div class="carousel_controls"> <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a> <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a> </div> <ul> {% FOR index_page_new_goods %} <li class="ajax_block_product item"> <a class="image_link" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}"> <span class="new">New</span> <img class="product_image" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}"> </a> <div class="product_details"> <h5><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_new_goods.NAME}</a></h5> <div class="price_container"> <span class="price">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div> </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> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <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}" /> <!--a class="exclusive" href="" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a--> <a class="exclusive" href="" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a> </form> </li> {% ENDFOR index_page_new_goods %} </ul> </div> </div> {% ENDIF %} <!-- /Список новинок на главной -->
по сути необходимо просто перенести навигацию
<div class="carousel_controls"> <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a> <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a> </div>
вставив её после строки
<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">
Эти же изменения вы можете проделать и для других блоков товаров. Далее в конец файла стилей style.css добавьте следующий код
.autumnshowcase_block .carousel_prev, .autumnshowcase_block .carousel_next { background-position: center center; top: 80px; z-index: 10; position: absolute; padding: 10px; } .autumnshowcase_block .carousel_prev { background-position: center center; left: 0; } .autumnshowcase_block .carousel_next { right: 0; }
#32
Отправлено 15 Май 2014 - 11:44
#33
Отправлено 15 Май 2014 - 12:33
#34
Отправлено 15 Май 2014 - 13:57
#35
Отправлено 15 Май 2014 - 16:17
#36
Отправлено 15 Май 2014 - 17:31
arver (15 Май 2014 - 11:44) писал:
Все же блок кнопок навигации должен быть снаружи карусели. А перенести их нужно простым позиционированием.
В шаблоне HTML код
<div class="carousel_controls"> <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a> <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a> </div>поставьте перед строкой, которая идет перед этим кодом, т.е. перед
<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">А в style.css замените строку
.autumnshowcase_block .carousel_controls{display:block;float:right;line-height:24px}на такую
.autumnshowcase_block .carousel_controls{display:block;float:right;line-height:24px; position: relative; width: 99%;}
#37
Отправлено 15 Май 2014 - 19:21
#38
Отправлено 19 Май 2014 - 11:52
Иными словами хотелось бы 3 столбца с текстом определенной ширины и так чтобы картинка сверху была ровно по центру,картинку прилагаю.строки кода в файле html 370-426
-
#39
Отправлено 19 Май 2014 - 11:59
arver (19 Май 2014 - 11:52) писал:
Иными словами хотелось бы 3 столбца с текстом определенной ширины и так чтобы картинка сверху была ровно по центру,картинку прилагаю.строки кода в файле html 370-426
-
Найдите код:
<div style="float:left;color:#d6d6d7;background:#fff;height:440px;width:320px"> <h2>Свыше 12.000 хозтоваров </h2></br> Невозможно представить себе жизнь</br> современного человека в Одинцово без</br> таких хозяйственных товаров, как мешки</br> для мусора, стиральный порошок,гель</br> для душа туалетное мыло, туалетная </br> бумага, освежитель воздуха и многого</br> другого. В интернет- магазине Hozbe.ru</br> любой желающий может выбрать и купить </br> хозяйственные товары с помощью пару </br> кликов. Каталог нашего магазина </br> ежедневно пополняется десятками новых</br> наименований. Со многими </br> производителями Hozbe.ru сотрудничает </br> напрямую, что позволяет предложить Вам,</br> дорогие покупатели, хозяйственные товары</br> по самой низкой цене! Мы гарантируем </br> подлинность всех товаров,что </br> подтверждается сертификатами, которые</br> по Вашему требованию мы можем </br> предоставить. </div> <div style="float:center;color:#d6d6d7;background:#fff;height:440px"> <h2>Экономьте свое время! </h2></br> Так как мы осуществляем доставку</br> хозяйственных товаров по Одинцово</br> и Одинцовскому району, то Вам</br> больше не придется стоять в</br> длинных очередях или в пробках</br> и тратить свое личное время, тем</br> более что доставка хозтоваров по</br> Одинцово составляет всего 200рублей. </div> <div style="float:right;margin-top:-440px;margin-right:54px;color:#d6d6d7;background:#fff;"> <h2>Возврат товара </h2></br> Товары бытовой химии входят в </br> "Перечень непродовольственных </br> товаров надлежащего качества, не </br> подлежащих возврату и обмену" </br> Постановление Правительства РФ </br> от 19.01.98 № 55.Основной закон,</br> регулирующий отношения между </br> покупателем и продавцом — ФЗ от</br> 07.02.92 N 2300-I "О защите прав</br> потребителей".Отдельным </br> Постановлением Правительства РФ от</br> 27.09.2007 № 612 введены "Правила</br> продажи товаровдистанционным</br> способом", которые более подробно</br> регламентируют требования к </br> продавцам, ведущим продажи через</br> интернет и которые призваны </br> обеспечить безопасность </br> приобретения товара через </br> интернет-магазин. </div>
и замените на:
<div class="footlist"> <h2>Свыше 12.000 хозтоваров </h2></br> Невозможно представить себе жизнь</br> современного человека в Одинцово без</br> таких хозяйственных товаров, как мешки</br> для мусора, стиральный порошок,гель</br> для душа туалетное мыло, туалетная </br> бумага, освежитель воздуха и многого</br> другого. В интернет- магазине Hozbe.ru</br> любой желающий может выбрать и купить </br> хозяйственные товары с помощью пару </br> кликов. Каталог нашего магазина </br> ежедневно пополняется десятками новых</br> наименований. Со многими </br> производителями Hozbe.ru сотрудничает </br> напрямую, что позволяет предложить Вам,</br> дорогие покупатели, хозяйственные товары</br> по самой низкой цене! Мы гарантируем </br> подлинность всех товаров,что </br> подтверждается сертификатами, которые</br> по Вашему требованию мы можем </br> предоставить. </div> <div class="footlist"> <h2>Экономьте свое время! </h2></br> Так как мы осуществляем доставку</br> хозяйственных товаров по Одинцово</br> и Одинцовскому району, то Вам</br> больше не придется стоять в</br> длинных очередях или в пробках</br> и тратить свое личное время, тем</br> более что доставка хозтоваров по</br> Одинцово составляет всего 200рублей. </div> <div class="footlist"> <h2>Возврат товара </h2></br> Товары бытовой химии входят в </br> "Перечень непродовольственных </br> товаров надлежащего качества, не </br> подлежащих возврату и обмену" </br> Постановление Правительства РФ </br> от 19.01.98 № 55.Основной закон,</br> регулирующий отношения между </br> покупателем и продавцом — ФЗ от</br> 07.02.92 N 2300-I "О защите прав</br> потребителей".Отдельным </br> Постановлением Правительства РФ от</br> 27.09.2007 № 612 введены "Правила</br> продажи товаровдистанционным</br> способом", которые более подробно</br> регламентируют требования к </br> продавцам, ведущим продажи через</br> интернет и которые призваны </br> обеспечить безопасность </br> приобретения товара через </br> интернет-магазин. </div>
Далее в style.css добавляем:
.footlist{width: 300px; float:left;color:#d6d6d7;background:#fff; text-align:justify;}
<br> лучше убрать.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных