www.pocomaru.com - new template added

So another week of work. I put different color variants in one droptown list and user can choose which color he likes.

http://www.pocomaru.com/products/17-zero-iridium-cover.aspx




http://www.pocomaru.com

So after one week, changes I have made:
1. Brand new home page with slide show, fade-in menus

2. Apple style slide show scrollbar:
http://pocomaru.com/products.aspx


3. Add slimbox for product variants and product. if you go to the following URL, and click the picture, u will see.
http://pocomaru.com/products/8-chaos.aspx


4. If the category only contains one product, clicking on the cagetory will directly go to product page instead of  still going to the category summary page.

I personally like it a lot now coz its my baby..:-)
Hope I could receive more feedback from here so that it can be improved more!

Thanks!!

Feedback:

1) Nice Website !!!
2) On your login page, it still says "By creating an account at nopCommerce " (in the Register Column), i guess that needs to be changed by your store name.
3) On the same page if you scroll down -(About login / registration) it still says "Put your login / registration information here. You can edit this in the admin site."

Thanks very much for your feedback!!!
Changing them right away!

There will still be lots of improvement going on the way.

so now, i spent three hours adding the slide show for featured products on the homepage..
If anyone needed, I could share the changes when i get time

www.pocomaru.com

I am interested in getting the code for the slideshow - thanks

super, i was using a free slideshow from
http://smoothgallery.jondesign.net/

It just took some time to ingetrate this into the home page.
1.first download the files from the slideshow and put them into the right place

2.In \Libraries\Nop.BusinessLogic\SEO\SEOHelper.cs i add two functions:
   /// <summary>
        /// Renders an css link to the header
        /// </summary>
        /// <param name="page">Page instance</param>      
        /// <param name="href">Path to the CSS file</param>
        public static void RenderHeaderCssLink(Page page, string href)
        {
            if (page == null || page.Header == null)
                return;

            var link = new HtmlGenericControl("link");
            link.Attributes.Add("href", href);
            link.Attributes.Add("type", "text/css");
            link.Attributes.Add("rel", "stylesheet");
            link.Attributes.Add("media", "screen");
            page.Header.Controls.Add(link);
        }

        /// <summary>
        /// Add <script></script> to the header
        /// </summary>
        /// <param name="page">Page instance</param>      
        /// <param name="src">Path to the script file</param>
        public static void RenderHeaderScript(Page page, string src)
        {
            string scriptTemplate = @"<script type=""text/javascript""  src=""{0}""></script>";
            if (page == null || page.Header == null)
                return;

            LiteralControl literal = new LiteralControl();
            literal.Text = string.Format(CultureInfo.InvariantCulture, scriptTemplate, src);
            page.Header.Controls.Add(literal);
        }

3. and then in NopCommerceStore\Modules\HomePageProducts.ascx.cs

protected void Page_Load(object sender, EventArgs e)
        {
            //    BindData();
            SEOHelper.RenderHeaderCssLink(this.Page, "css/jd.gallery.css");
            SEOHelper.RenderHeaderCssLink(this.Page, "css/layout.css");

            SEOHelper.RenderHeaderScript(this.Page, "scripts/mootools-1.2.1-core-yc.js");
            SEOHelper.RenderHeaderScript(this.Page, "scripts/mootools-1.2-more.js");
            SEOHelper.RenderHeaderScript(this.Page, "scripts/jd.gallery.js");
            SEOHelper.RenderHeaderScript(this.Page, "scripts/jd.gallery.transitions.js");
           FillInSlidesFromFeaturedProduct();
}


        private void FillInSlidesFromFeaturedProduct()
        {
            var products = this.ProductService.GetAllProductsDisplayedOnHomePage();
            foreach (var singleItem in products)
            {
                Product product = singleItem as Product;
                if (product != null)
                {
                    string productURL = SEOHelper.GetProductUrl(product);

                    var picture = product.DefaultPicture;

                    string imageUrl = string.Empty;
                    string thumbNailUrl = string.Empty;
                    if (picture != null)
                    {
                        imageUrl = this.PictureService.GetPictureUrl(picture);
                        thumbNailUrl = this.PictureService.GetPictureUrl(picture, this.SettingManager.GetSettingValueInteger("Media.Product.ThumbnailImageSize", 125), true);

                        HtmlGenericControl slideDiv = new HtmlGenericControl("DIV");
                        slideDiv.Attributes["class"] = "imageElement";

                        HtmlGenericControl title = new HtmlGenericControl("H3");
                        title.InnerText = Server.HtmlEncode(product.LocalizedName);

                        HtmlGenericControl description = new HtmlGenericControl("p");
                        description.InnerText = product.ShortDescription;

                        HtmlGenericControl link = new HtmlGenericControl("A");
                        link.Attributes["class"] = "open";
                        link.Attributes["href"] = productURL;
                        link.Attributes["title"] = Server.HtmlEncode(product.LocalizedName);

                        HtmlGenericControl image = new HtmlGenericControl("img");
                        image.Attributes["src"] = imageUrl;
                        image.Attributes["class"] = "full";

                        HtmlGenericControl thumbNail = new HtmlGenericControl("img");
                        thumbNail.Attributes["src"] = thumbNailUrl;
                        thumbNail.Attributes["class"] = "thumbnail";

                        slideDiv.Controls.Add(title);
                        slideDiv.Controls.Add(description);
                        slideDiv.Controls.Add(link);
                        slideDiv.Controls.Add(image);
                        slideDiv.Controls.Add(thumbNail);

                        this.SlideHolder.Controls.Add(slideDiv);
                    }
                }
            }
        }
and thats it!
As I am not really familiar with the .net html thing, the code is a little ugly at this point..

another week. drastically changed the homepage!
and menu too!!!

looks better now

check this out now:-)

http://www.pocomaru.com/products/15-aluminum-jacket-type-02.aspx

Hi,

I am interest with you free slide show on your home page.
i had tried apply code u posted above. and find error at "SlideHolder"
here your coding:

                        slideDiv.Controls.Add(title);
                        slideDiv.Controls.Add(description);
                        slideDiv.Controls.Add(link);
                        slideDiv.Controls.Add(image);
                        slideDiv.Controls.Add(thumbNail);

                        this.SlideHolder.Controls.Add(slideDiv);

the question is, what kind of ASP component that you had used as "SlideHolder" in "HomePageProducts.ascx"?

please advice. thank you.