Добрый день! помогите пожалуйста перенести корзину в указанное на картинке место (под поиском) и отцентровать категории каталога по ширине страницы
http://p430579.storeland.ru
0
Перемещение Корзины И Отцентровать Каталог
Автор Pavelmelihov, 29 мая 2018 20:05
В теме одно сообщение
#1
Отправлено 29 Май 2018 - 20:05
#2
Отправлено 31 Май 2018 - 05:51
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
перенесите его, поставив после:
далее зайдите в main.css - найдите:
замените на:
далее найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- блок корзины на главной --> <div class="cart"> <div class="cartBtn" title="Перейти в корзину"> <div class="cartNameBtn1">Корзина</div> <div class="cartImg"></div> <a class="countTovars" href="{CART_URL}" data-count="{CART_COUNT_TOTAL}"> {% IF cart_count_empty %} <span class="red">0</span> <em class="countNameTovars"> товаров</em> {% ELSE %} <span>{CART_COUNT_TOTAL}</span> <em class="countNameTovars"> товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</em> {% ENDIF %} </a> </div> <div class="listCart" data-url="{HTTP_HOST}"> <dl class="products"> {% FOR cart_items %} <dt class="cart_block_product_{cart_items.GOODS_ID} item" > <div class="cartImgBlock"> <a href="{cart_items.GOODS_URL}" title="Перейти на страницу «{cart_items.GOODS_NAME}» "> <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=snow{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}"> </a> </div> <div class="cartNameBlock"> <h5> <a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a> </h5> <div class="cartPriceBlock black"> {cart_items.GOODS_MOD_PRICE_NOW | money_format} </div> </div> <div class="cartDeleteBlock"> <div class="cartCountBlock"> {cart_items.ORDER_LINE_QUANTITY} <span>{cart_items.GOODS_MOD_MEASURE_NAME}</span> </div> <a class="ajaxCartBlockRemoveLink btn" data-count="{cart_items.ORDER_LINE_QUANTITY}" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Убрать товар из корзины"></a> </div> </dt> {% ENDFOR %} <!-- Скидки, действующие на заказ --> {% FOR cart_discount %} {% IF cart_discount.DISCOUNT_IS_ENABLED %} <dt id="skidka"> <div class="cartImgBlock"> <a href="#" title="Скидка «{cart_discount.DISCOUNT_NAME}» "> <img src="{ASSETS_IMAGES_PATH}Discount-black.png?design=snow" alt="{cart_discount.DISCOUNT_NAME}"> </a> </div> <div class="cartNameBlock"> <h5> <a href="#">{cart_discount.DISCOUNT_NAME}</a> </h5> <div class="cartPriceBlock black"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </div> </div> </dt> {% ENDIF %} {% ENDFOR %} <!-- END Скидки, действующие на заказ --> {% FOR cart_sum %} <dt id="cartPrices"> <div class="cartPricingBlock"> <span>Итого</span> <span id="cart_block_total" class="price ajaxBlockArtTotal">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span> </div> </dt> {% ENDFOR %} {% IF CART_COUNT_TOTAL %} <dt class="toOformZakazCart"> <a href="{CART_URL}" class="btn btn-success" title="Перейти к оформлению заказа">Оформить заказ</a> </dt> {% ELSE %} <dt class="cartClear">Корзина пуста!</dt> {% ENDIF %} </dl> </div> <div class="newCountTovars" style="display:none">{CART_COUNT_TOTAL}</div> </div>
перенесите его, поставив после:
<div class="logoblock-right"> <!-- Форма поиска --> <form action="{SEARCH_URL}" class="searchForm" method="get" onsubmit="if ($(this).find('#search').val() == 'Поиск') return false;" role="search"> <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск{% ENDIF %}" onfocus="if (this.value == 'Поиск') { this.value = ''; }" onblur="if (this.value == '') { this.value = 'Поиск'; }" /> <input type="hidden" name="goods_search_field_id" value="0" /> <input class="searchBtn btn" title="Искать" type="submit" value="" /> </form>
далее зайдите в main.css - найдите:
.cart { position: relative; display: block; float: right; width: 11.1%; text-align: right; z-index: 999; height: 100%; min-width: 130px; padding-right:0.6em; }
замените на:
.cart { position: relative; display: block; float: right; width: 11.1%; text-align: right; z-index: 999; height: 100%; min-width: 130px; padding-right:0.6em; margin-top: 20px; }
далее найдите:
.sectionblock-container { display: inline-block; float: left; width: 88% }
замените на:
.sectionblock-container { display: inline-block; float: left; width: 100%; text-align:center; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных