Di chuyển Product Filter sang cột menu trái

Thảo luận trong 'Mẹo và hướng dẫn' bắt đầu bởi An Nguyen, 15/10/14.

  1. An Nguyen

    An Nguyen bụi Staff Member

    15/10/14
    Bình thường khi tạo các filter Product Attributes sẽ nằm ở cột giữa, để tạo trang web thông thoáng hơn mình sẽ hướng dẫn mọi người cách di chuyển chức năng filter này sang cột bên trái.
    Screenshot (8).png

    Bước 1: Mở file Views\Catalog\CategoryTemplate.ProductsInGridOrLines.cshtml
    Tìm đoạn code:
    PHP:
    <div class="product-filters-wrapper">
                @*
    filtering*@
                @if (
    Model.PagingFilteringContext.PriceRangeFilter.Enabled)
                {
                    @
    Html.Partial("_FilterPriceBox"Model.PagingFilteringContext.PriceRangeFilter, new ViewDataDictionary())
                }
                @*
    filtering*@
                @if (
    Model.PagingFilteringContext.SpecificationFilter.Enabled)
                {
                    @
    Html.Partial("_FilterSpecsBox"Model.PagingFilteringContext.SpecificationFilter, new ViewDataDictionary())
                }
            </
    div>
    Thay thế bằng:
    PHP:
            @section left {
            <
    div class="product-filters-wrapper">
                @*
    filtering*@
                @if (
    Model.PagingFilteringContext.PriceRangeFilter.Enabled)
                {
                    @
    Html.Partial("_FilterPriceBox"Model.PagingFilteringContext.PriceRangeFilter, new ViewDataDictionary())
                }
                @*
    filtering*@
                @if (
    Model.PagingFilteringContext.SpecificationFilter.Enabled)
                {
                    @
    Html.Partial("_FilterSpecsBox"Model.PagingFilteringContext.SpecificationFilter, new ViewDataDictionary())
                }
            </
    div>
            }
     
    Sửa lần cuối: 17/2/16
    Tags:
    Đang tải...
    • ngày tạo

      An Nguyen 15/10/14
    • trả lời cuối

      An Nguyen 15/10/14
    • 1,165

      lượt xem

    • 1

      trả lời

    • 0

      lượt thích

  2. An Nguyen

    An Nguyen bụi Staff Member

    15/10/14
    Bước 2: mở file _ColumnsTwo.cshtml
    Tìm đoạn:
    PHP:
    <div class="side-2">
        @if (
    IsSectionDefined("left"))
        {
            @
    RenderSection("left")
        }
        else
        @
            @
    Html.Widget("left_side_column_before")
            @
    Html.Action("CategoryNavigation""Catalog", new { currentCategoryId currentCategoryIdcurrentProductId currentProductId })
            @
    Html.Widget("left_side_column_after_category_navigation")
            @
    Html.Action("ManufacturerNavigation""Catalog", new { currentManufacturerId currentManufacturerId })
            @
    Html.Action("VendorNavigation""Catalog")
            @
    Html.Action("NewsletterBox""Newsletter")
            @
    Html.Widget("left_side_column_after")
        }
    </
    div>
    Thay thế bằng
    PHP:
    <div class="side-2">
        @if (
    IsSectionDefined("left"))
        {
            @
    RenderSection("left")
            @
    Html.Widget("left_side_column_before")
            @
    Html.Action("CategoryNavigation""Catalog", new { currentCategoryId currentCategoryIdcurrentProductId currentProductId })
            @
    Html.Widget("left_side_column_after_category_navigation")
            @
    Html.Action("ManufacturerNavigation""Catalog", new { currentManufacturerId currentManufacturerId })
            @
    Html.Action("VendorNavigation""Catalog")
            @
    Html.Action("NewsletterBox""Newsletter")
            @
    Html.Widget("left_side_column_after")
        }
    </
    div>
    Kết quả là đây:
    Screenshot (7).png

    Chúc các bạn thành công :D
     
    Sửa lần cuối: 17/2/16
Draft saved Draft deleted
Tags:

Chia sẻ trang này

Đang tải...