Adding Custom Fields onto a page

[ppie...@apps.cierant.com]

Hey Everyone,

I'm no web designer, but I've gotten pretty familiar with the Coffee Skin. I can't figure out how to do something, though, so I was hoping someone out there can offer a suggestion. I think this should be easy, but I may be wrong.

I know that uStore has a set of parameters that it exposes on every page that can be used. These are the ones available, I think:

storeId : 2026,

cultureId : 1,

cultureCode : 'en-US',

                        currentUser : {

                            firstName : 'Patrick',

                            lastName : 'Pietras',

                            email : 'ppie...@apps.cierant.com',

                            phoneNumber : '',

                            mobileNumber : '',

                            faxNumber : '',

                            companyName : '',

                            department : '',

                            jobTitle : '',

                            externalId : '****',

                            gender : '',

                            birthday : '',

                            custom1 : '****',

                            custom2 : '',

                            custom3 : '',

                            custom4 : '',

                            custom5 : '',

                            userGroups : [{"ID":4,"Name":"Superuser Root"}]

I'm using the Coffee Skin, and I want to be able to show the user of the field Custom1 in their Navigation header. So, my question is this:

How do I address the field in my HTML code to call the custom1 field? I can't figure out the proper syntax to get it to work.

Any insight?

Thanks,

Patrick

[couch]

This simple javascript will add the text of "custom1" next to the logged in user name in the header area:

<script type="text/javascript">

  $(window).load(function(){

    $("#userWelcome span").append(xmp.sdk.storeFrontParams.currentUser.custom1);

  });

</script>

[ppie...@apps.cierant.com]

Thanks Couch. 

Is there no way to add an entirely new object? In an ideal world, I'd rather not append it to the welcome message if possible.

[couch]

Sure. You could use .after() or .insertAfter() to add a span or div or other object after an existing object instead of appending into an object.

http://api.jquery.com/insertafter/

[ppie...@apps.cierant.com]

Awesome. Thanks so much.

[John Davidson]

Steve:

I too do not know all the in's and out's of the syntax but feel that what I want to do should be possible. I would like to place the logged in users first name within my custom page HTML. Is this possible? I have a custom page loaded and I have tried using javascript to add it in, but I feel that I am not doing it well. Is this possible? 

Best, John

[John Davidson]

In thinking about this a bit more, it looks like I would need to pass the variable from the parent page to the iframe. I am still trying to follow the process for Javascript in getting this.

- John

[couch]

Is this a custom home page that you setup via store setup -> Appearance -> Use custom homepage? 

If yes, then you can pass querystring parameters to the iframe by using SQL in the box provided.

If no, then, we need to know what is the custom page, how it is being called/used, etc...

[Igor]

First I advised to view this powerpoint  around Coffee / pressocup skin .

https://app.box.com/s/3jg8v009qoqcjz200tehf3vdx9pct5ec

Second I'd advise to look at existing templates this skin is using .

Read some basic Angular JS materials ...

if data exposed t the page you should be able to present it without much modification