6
Отображение товаров списком: модификация - цена как в Excel-е
Автор Лёха, 19 янв. 2011 14:07
Сообщений в теме: 210
#201
Отправлено 25 Май 2016 - 10:22
вопрос актуален, помогите пожалуйста!
#202
Отправлено 25 Май 2016 - 13:12
Котуся (25 Май 2016 - 10:22) писал:
вопрос актуален, помогите пожалуйста!
Здравствуйте, перед изменениями создайте бекап шаблона в шаблоне Товары найдите код:
<!-- Проходим по массиву списка товаров --> {% FOR goods %} <div class="four columns product_wrapper"> <div> <div class="prod_image goods-cat-image-medium-square"> {% IF user_agent_ie7 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ELSEIF user_agent_ie8 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ELSE %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" alt="{goods.NAME} " src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} </div> <div class="item-detail"> <div class="product-tools"> <div class="product-price"> <span class="new_price">{goods.MIN_PRICE_NOW | money_format}</span> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <s class="old_price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <s class="old_price">{goods.MIN_PRICE_OLD | money_format}</s> {% ENDIF %} <div class="clear"></div> </div> <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="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a> <!--a class="buy_button" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form> <!-- Если есть возможность добавить товар в избранное --> {% IF goods.IS_HAS_IN_FAVORITES_LIST %} <a class="wishlist add_to_wishlist_small_text added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="wishlist add_to_wishlist_small_text" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF goods.IS_HAS_IN_COMPARE_LIST %} <a class="compare add_to_compare_small_text added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-action-text-add="Добавить к сравнению" data-action-text-delete="Убрать из сравнения" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Убрать из сравнения</a> {% ELSE %} <a class="compare add_to_compare_small_text" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-action-text-add="Добавить к сравнению" data-action-text-delete="Убрать из сравнения" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Добавить к сравнению</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> <div class="column"> <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4> {% IF goods.DESCRIPTION_SHORT %} <div class="desc std a-left"> <div class="htmlDataBlock"> {goods.DESCRIPTION_SHORT} <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="read-more">узнать больше...</a> </div> </div> {% ENDIF %} </div> </div> <div class="clear"></div> </div> </div> {% ENDFOR %} <!-- /Проходим по массиву списка товаров -->
и замените на код:
<!-- Проходим по массиву списка товаров --> {% FOR goods %} <div class="four columns product_wrapper"> <div> <div class="prod_image goods-cat-image-medium-square"> {% IF user_agent_ie7 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ELSEIF user_agent_ie8 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ELSE %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" alt="{goods.NAME} " src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} </div> <div class="item-detail"> <div class="column"> <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4> </div> </div> <div class="item-detail"> <div class="product-price"> <span class="new_price">{goods.MIN_PRICE_NOW | money_format}</span> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <s class="old_price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <s class="old_price">{goods.MIN_PRICE_OLD | money_format}</s> {% ENDIF %} <div class="clear"></div> </div> </div> <div class="item-detail"> <!-- Если есть возможность добавить товар в избранное --> {% IF goods.IS_HAS_IN_FAVORITES_LIST %} <a class="wishlist add_to_wishlist_small_text added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="wishlist add_to_wishlist_small_text" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF goods.IS_HAS_IN_COMPARE_LIST %} <a class="compare add_to_compare_small_text added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-action-text-add="Добавить к сравнению" data-action-text-delete="Убрать из сравнения" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Убрать из сравнения</a> {% ELSE %} <a class="compare add_to_compare_small_text" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-action-text-add="Добавить к сравнению" data-action-text-delete="Убрать из сравнения" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Добавить к сравнению</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> <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}" /> <div class="item-detail"> <div class="qty-button-down"> <a href="#" class="qty-down">-</a> </div> <input type="text" name="form[goods_mod_quantity]" size="1" value="1" title="Количество" class="qty" /> <div class="qty-button-up"> <a href="#" class="qty-up">+</a> </div> </div> <div class="item-detail"> <div class="product-tools"> <a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a> <!--a class="buy_button" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </div> </div> </form> <div class="clear"></div> </div> </div> {% ENDFOR %} <!-- /Проходим по массиву списка товаров -->
В style.css найдите код:
.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image {display: table-cell; vertical-align: top;text-align: center;}
и замените на код:
.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image {display: table-cell; vertical-align: top;text-align: center; height: auto;}
далее код:
.product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;margin-right: 220px;padding: 0 10px 0 0;}
замените на код:
.product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;padding: 0 10px 0 0;}
В конце style.css добавьте код:
.product-list3 .four.columns .item-detail .column { max-width: 200px; } .item-detail .wishlist, .item-detail .compare { margin: 0; }
#203
Отправлено 25 Май 2016 - 13:53
Добрый день!
Внесла изменения, не очень корректно отображается. Как поправить?
Нужно сделать все в строчку.
С Уважением,
Внесла изменения, не очень корректно отображается. Как поправить?
Нужно сделать все в строчку.
С Уважением,
#204
Отправлено 25 Май 2016 - 14:04
Котуся (25 Май 2016 - 13:53) писал:
Добрый день!
Внесла изменения, не очень корректно отображается. Как поправить?
Нужно сделать все в строчку.
С Уважением,
Внесла изменения, не очень корректно отображается. Как поправить?
Нужно сделать все в строчку.
С Уважением,
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {float: right;width: 200px;padding-left: 20px;border-left: solid 1px #ccc;}
Замените на:
.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {float: right;padding-left: 20px;border-left: solid 1px #ccc;}
#205
Отправлено 25 Май 2016 - 14:16
вопрос снят.
Спасибо большое))
Спасибо большое))
#206
Отправлено 04 Июль 2016 - 15:38
День добрый!
А можно отцентровать как то. Ну чтобы посимпатичнее смотрелось)))
Заранее благодарю.
А можно отцентровать как то. Ну чтобы посимпатичнее смотрелось)))
Заранее благодарю.
#209
Отправлено 04 Июль 2016 - 20:58
Котуся (04 Июль 2016 - 17:19) писал:
Сейчас они выровнены по верхнему краю, а хотелось бы по центру.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.product-list3 .four.columns .item-detail, .product-list4 .four.columns .item-detail {display: table-cell; vertical-align: top;padding: 0 0 0 10px;margin-left: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px;margin-right: 220px;}
Замените на:
.product-list3 .four.columns .item-detail, .product-list4 .four.columns .item-detail {display: table-cell; vertical-align: middle;padding: 0 0 0 10px;margin-left: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px;margin-right: 220px;} .product-list3 .four.columns > div > form, .product-list4 .four.columns > div > form {display: table-cell;vertical-align: middle;}
#210
Отправлено 05 Июль 2016 - 08:40
Все получилось, спасибо)))
#211
Отправлено 17 Август 2019 - 08:24
Добрый день. Можно как-то управлять видимостью модификаций товара, не обнуляя количество.
Ведь если мы поставим ноль, этот размер товара все равно будет участвовать в фильтрации и покажется покупателю, а купить его нельзя
У меня есть еще один магазин на другом конструкторе и там можно скрывать отдельные размеры товара просто убрав галочку.
Можно ли такое сделать здесь? убрал галочку напротив размера и его не видно
Ведь если мы поставим ноль, этот размер товара все равно будет участвовать в фильтрации и покажется покупателю, а купить его нельзя
У меня есть еще один магазин на другом конструкторе и там можно скрывать отдельные размеры товара просто убрав галочку.
Можно ли такое сделать здесь? убрал галочку напротив размера и его не видно
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных