Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Streety 358 posts 568 karma points
    Jul 20, 2011 @ 15:10
    Streety
    0

    How do I style the Starter Kit Frontpage

    I am trying to find the object that allows me to access the styling for the three front page objects.

     

    The frontpage.master points to the productListFeatured.xslt but this does not contain the markup for the selected objects.

    I want to style it with a picture on the left and a description on the right.

     

    Thanks.

  • Rune Grønkjær 1372 posts 3103 karma points
    Jul 20, 2011 @ 15:13
    Rune Grønkjær
    0

    Hi Streety,

    What you want to do is to wrap the products on the frontpage in a new div with a meaningfull id.

    Like this:

    <%@ Master Language="C#" MasterPageFile="~/masterpages/MainMaster.master" AutoEventWireup="true" %>

    <asp:Content ContentPlaceHolderId="CphHeader" runat="server">
    </asp:Content>

    <asp:Content ContentPlaceHolderId="CphMain" runat="server">
      <div id="featuredProducts">
        <umbraco:Macro Alias="FeaturedProduct" runat="server"></umbraco:Macro>
      </div>
    </asp:Content>

    /Rune

  • Streety 358 posts 568 karma points
    Jul 20, 2011 @ 15:29
    Streety
    0

    Thank you but I have done that already.

    How am I surposed to apply a float (for example) to an object if I can't apply a class or ID. What template are these objects held in?

  • Streety 358 posts 568 karma points
    Jul 20, 2011 @ 15:31
    Streety
    0

    Perhaps I am not making myself clear. I apologise.

     

    I can only find four css rules for this styling?

    #frontpage { overflow:hidden; }
    #frontpage div.product { float:left; width:250px; margin:20px; border: 1px solid #ccc;}
    #frontpage div#featured3.product { margin:0; }
    #frontpage div.product img.productImage { width:200px; height:200px; }

     

     

  • Rune Grønkjær 1372 posts 3103 karma points
    Jul 20, 2011 @ 15:33
    Rune Grønkjær
    0

    Aah, now I get you. The featured products are using the productList-Product.xslt like the normal productlist. If you want different html in the featured ones you just copy the productList-Product.xslt and use the new one in the productListFeatured.xslt instead.

    /Rune

Please Sign in or register to post replies

Write your reply to:

Draft