Remove images on Manufacturers page

Can anyone tell me how to remove the images on the Manufacturers page. I just want a list without images. I did it in nopCommerce v3.8, but can't figure it out in 4.20 as the manufacturerAll.cshtml script in Pavillion theme views>catalogue> has changed. It would be nice to have the option to do it from Admin.

Hi armscar,

in order to hide the Manufacturers images, you need to open the ManufacturerAll.cshtml file, located in the following folder:

~ Presentation\Nop.Web\Themes\Pavilion\Views\Catalog\

in your text editor and comment-out the <div class="picture"> like so:

  

            
@foreach (var item in Model)
               {
                    <div class="item-box">
                        <div class="manufacturer-item">
                            <h2 class="title">
                                <a href="@Url.RouteUrl("Manufacturer", new { SeName = item.SeName })" title="@item.PictureModel.Title">
                                    @item.Name
                                </a>
                            </h2>
                            @*<div class="picture">
                                <a href="@Url.RouteUrl("Manufacturer", new { SeName = item.SeName })" title="@item.PictureModel.Title">
                                    <img alt="@item.PictureModel.AlternateText" src="@item.PictureModel.ImageUrl" title="@item.PictureModel.Title" />
                                </a>
                            </div>*@
                        </div>
                    </div>
                }

Hope this was helpful.

Hi Valentin,

Thank you for the prompt reply - that worked perfectly.

Many thanks

Could you tell me what code controls the height of the hover box? I have tried everything I can think of in the styles.css and can reduce the height of the manufacturers name box, but nothing I've tried will change the height of the hover box.
Thank you

Hi armscar,

if you have already removed the picture element and want to show only the name of the Manufacturer and not have the big square box with the hover information, you can add the following code to your theme`s Custom Head Styles section:

@media all and (min-width: 1025px) {
    .manufacturer-details, .vendor-details {
        display: none;
    }
}

.manufacturer-item .title,
.vendor-item .title {
    position: static;
}

Thank you Valentin, it worked perfectly and was just what I wanted. Thank you very much for your help.
Regards,
Chris