1
Дизайн Каталога
Автор arver, 13 июня 2014 16:52
Сообщений в теме: 92
#81
Отправлено 21 Июнь 2014 - 21:39
help!!! очень корявое отображение
#82
Отправлено 22 Июнь 2014 - 08:36
help
#83
Отправлено 22 Июнь 2014 - 16:33
помогите пожалуйста
#84
Отправлено 22 Июнь 2014 - 16:59
arver (22 Июнь 2014 - 16:33) писал:
помогите пожалуйста
найдите в шаблоне Поиск
<li class="elem"> <div> <div class="product_image_wrapper"> <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="product_img_link"> <img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /> </a> </div> <div class="product_list_details"> <div class="product_list_details_left"> <h5><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h5> <div class="price_container"> <span class="price">{goods.MIN_PRICE_NOW | money_format}</span> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="old-price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="old-price">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF goods.OPINION_RATING_CNT_ALL>0 %} <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="product_list_add_to_cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <a class="ajax_add_to_cart_button add_to_cart_ph" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a> </form> </div>замените на
<li class="elem"> <h5><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h5><div class="clear"></div> <div> <div class="product_image_wrapper"> <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="product_img_link"> <img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /> </a> </div> <div class="product_list_details2"> <div class="product_list_details_left"> <div class="price_container"> <span class="price">{goods.MIN_PRICE_NOW | money_format}</span> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="old-price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="old-price">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF goods.OPINION_RATING_CNT_ALL>0 %} <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1"></a> {% ELSE %} <!-- изображение рейтинга --> <img src="http://st.hozbe.ru/9/1192/767/rejting.jpg" alt="" /> {% ENDIF %} </div> <div class="product_list_add_to_cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <!--a class="ajax_add_to_cart_button add_to_cart_ph" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> <a class="ajax_add_to_cart_button add_to_cart_ph" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="В корзину">В корзину</a> <div class="plus_minus_quantity"> <span class="qty-minus theme-color">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus theme-color">+</span> </div> </form> </div>
#85
Отправлено 22 Июнь 2014 - 17:30
Отлично,отображается как нужно,спасибо!
#86
Отправлено 22 Июнь 2014 - 23:05
помогите реализовать, пожалуйста, инструкцию из этой ветки, написанную в сообщении №4, для того чтобы реализовать каталог в виде скринов, представленных в сообщении №1 для акка 20306, шаблон осень???
#87
Отправлено 23 Июнь 2014 - 21:02
Ау? у меня получается криво, не в общей рамке, д еще и изображения по 2 в ряд получаются а не по три штуки хотя бы..
#88
Отправлено 24 Июнь 2014 - 01:24
В style.css найдите:
далее найдите:
#category_view_type.grid_view #product_list .product_list_details_left h5 { font-size: 15px; font-weight: 400; padding: 12px 0 5px; }замените на:
#category_view_type.grid_view #product_list .product_list_details_left h5 { font-size: 15px; font-weight: 400; padding: 0; }
далее найдите:
#category_view_type.grid_view #product_list .product_image_wrapper { background: none repeat scroll 0 0 #ffffff; border-radius: 1px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.067), 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1.5px 1px 0 rgba(0, 0, 0, 0.1); float: left; margin-right: 12px; padding: 8px; position: relative; width: 210px; }из него перенесите сл.стили:
background: none repeat scroll 0 0 #ffffff; border-radius: 1px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.067), 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1.5px 1px 0 rgba(0, 0, 0, 0.1);в данный блок:
#category_view_type.grid_view #product_list li > div { }
#89
Отправлено 24 Июнь 2014 - 11:33
спасибо, помогли по телефону.
#90
Отправлено 24 Июнь 2014 - 18:10
товары выглядят теперь почти отлично,
но еще баг небольшой: категории каталога теперь также стали необыкновенно широкими, помогите, пожалуйста, сузить их обратно по значению width и обязательно прописать к ним отдельную стилизацию так, чтобы они бы стилизовались отдельно от товаров в каталоге
но еще баг небольшой: категории каталога теперь также стали необыкновенно широкими, помогите, пожалуйста, сузить их обратно по значению width и обязательно прописать к ним отдельную стилизацию так, чтобы они бы стилизовались отдельно от товаров в каталоге
#92
Отправлено 25 Июнь 2014 - 05:35
в style.css пропишите:
.page-title{ width: 50%; }
#93
Отправлено 25 Июнь 2014 - 08:07
спасибо огромное.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных