side by side banners horizontally wise in home page

Hi,

we are planning to take Nop Ultimate package 2.6 version. Now we are the  testing plugins the trail version. I had installed Nop anywhere slider plugin and we want the images side by side (2 or 3 ) horizontal wise in homepage (Bottom or top) . i emailed regarding this, as per your reply mail i had  wrap the widget as it follows:
Themes\CustomTheme\Views\Home/Index.cshtml file.

Added code in the above in the Index.cshtml file
Below Code:
<div class="sliders-line">
  @Html.Widget("home_page_bottom")
</div>

then add the following in your css file:

.sliders-line
{
   overflow:hidden;
}

.sliders-line .nivoSlider-wrapper
{
  float:left;
}

Then i had created 3 sliders of type Nivo, map them to the "home-page-bottom" widget zone and set the correct width to fit the placeholder.

But when i run the website the following error message displayes as follows

Server Error in '/' Application.
Compilation Error
Description: An error occurred during the compilation of a resource required to service this request. Please review the following specific error details and modify your source code appropriately.

Compiler Error Message: CS1061: 'System.Web.Mvc.HtmlHelper<dynamic>' does not contain a definition for 'Widget' and no extension method 'Widget' accepting a first argument of type 'System.Web.Mvc.HtmlHelper<dynamic>' could be found (are you missing a using directive or an assembly reference?)

Source Error:


Line 50:
Line 51: <div class="sliders-line">
Line 52: @Html.Widget("home_page_bottom")
Line 53:  </div>
Line 54:


Source File: c:\Add-0ns\ES\Project files\Uninet\eShop_2.60_Source\Presentation\Nop.Web\Themes\CustomTheme\Views\Home\Index.cshtml    Line: 52

Thanks in advance
satish

Hi,

You should use the @Html.Action("WidgetsByZone", "Widget", new { widgetZone = "home_page_bottom" })

instead of

@Html.Widget("home_page_bottom")

Thanks!

Best Regards!

Hi

Even i replaced the code this

@Html.Widget("home_page_bottom")  with

@Html.Action("WidgetsByZone", "Widget", new { widgetZone = "home_page_bottom" }), Then also same problem.

But Now my problem is solved, by placing that piece of code in style.css file.

Thanks for quick replies

I'm trying to do this in 3.2 but it's not working.

What are the edits to the Index.cshtml & styles.css files?

Thank you.

Hi imprintableswarehouse,

There is a similar post that you can use to get a feeling of the required changes. You also need to be familiar with css.

Hope this helps!