Add Specification Attribute box below the description of category

Hi,

I want to add attribute box below Category description and above page sorting. How should I add it.
Now its above category title

https://5741-40772.el-alt.com/1-2-sch-40-pvc
Above is the link for more clarity.

Regards,
Diksha Jagtap

You can add below code after div class "category-description"

div class="side-2"

<div class="side-2"><div class="block product-filters"><div class="product-filter product-spec-filter"><div class="filter-title"><strong>Filter by attributes</strong></div><div class="filter-content"><ul class="group product-spec-group"><li class="name"><strong>Type</strong></li><li class="item"><input id="attribute-option-879" type="checkbox" data-option-id="879"> <label for="attribute-option-879"> Accessory </label></li><li class="item"><input id="attribute-option-864" type="checkbox" data-option-id="864"> <label for="attribute-option-864"> SCH 40 Casing </label></li><li class="item"><input id="attribute-option-876" type="checkbox" data-option-id="876"> <label for="attribute-option-876"> SCH 40 Screen </label></li></ul><ul class="group product-spec-group"><li class="name"><strong>Material</strong></li><li class="item"><input id="attribute-option-39" type="checkbox" data-option-id="39"> <label for="attribute-option-39"> PVC </label></li></ul></div></div></div></div>

jignesh.differenz wrote:


It will look likew below image https://prnt.sc/6ZgS1WzaRxW6

If you are using the standard theme (not a 3rd party theme), then edit this file
\Views\Catalog\CategoryTemplate.ProductsInGridOrLines.cshtml
Find these lines (In 4.50 on lines 66-69):
@section CatalogFilters {
    ...
    @await Html.PartialAsync("_CatalogFilters", Model.CatalogProductsModel)
}

Move those lines to just above this line (In 4.50 on lines 84):
@await Component.InvokeAsync("Widget", new { widgetZone = PublicWidgetZones.CategoryDetailsBeforeSubcategories, additionalData = Model })