uStore: how to go about modifying generic structure elements of NG skin?

[Alan]

Hello.

I'm looking into ways NG skins function and what can be done with them right now.

While it's obvious, that this themes' mechanics require getting accustomed with react, i was still wondering whether it's okay/possible to do quick adjustments through skin files and scripts as in legacy skins?

Meaning changing structure of the page in skin files and injecting whatever scripts are needed to modify store work/display/feel through either skin files or with "Add custom script" in store settings?

Also i'm in particular interested how one would go about reworking generic skin functionality on such parts like header/footer.

Thanks for help in advance.

[couch]

Adding javascript to the storefront still works in NG themes, however some IDs and classes are changed, so some editing of the JS may be required.

There is a lot of control available in NG themes via the browser theme editor: http://campus.xmpie.com/e-LearningCourseDetails.aspx?id=b1bdbf95-4c61-468d-b907-2e87a51f78a1&mid=aac7d5c0-1721-4735-8bf6-73b493a147cf

Modifying the header/footer is fairly trivial in React. There is a video demonstrating how to add a page to the theme and add a link to it in the footer: http://campus.xmpie.com/e-LearningCourseDetails.aspx?id=b1bdbf95-4c61-468d-b907-2e87a51f78a1&mid=70ed3ab2-524c-46a6-adf5-92e5609db0d0

[Wayne]

Hi Alan,

NG Development does pose its challenges.

I have used a Configuration over Customization approach in my NG Skin Development.

With the intent of only developing and maintaining  a few NG Skins.

I have found the constant uStore upgrades that deploy a new NG Skin challenging to manage for example 12.1 and then the resent 1353 patch upgrade.

If you develop lots of NG Skins you will have to spend a lot of time upgrading each skin unless you use a configuration approach in my opinion.

Don't get me wrong I think the new react based NG Skin is great, however Demo's and the real world can be poles apart.

AFAIK Storefront JavaScript only works in NG Skins when legacy pages are accessed.

Regards,

Wayne

[Alan]

I'm trying to follow wiki steps (link bellow) to test out modifying skin content, but no matter how i update skin it doesn't seem to display modifications in store.

Linke: https://github.com/XMPieLab/uStore-NG/wiki/Editing-HTML-content

I'm making changes to the copy instance of the default skin i downloaded, modified namings in configs and uploaded it as new. And replacing it with new files doesn't seem to accomplish anything.

Same for "BancoDeEuroTheme" theme i downloaded from wiki page - but there obviously was no need to make copy for it and i applied mentioned changes to basic this skin itself to no effect in store.

[couch]

Perhaps watching the videos in campus might help.  http://campus.xmpie.com/e-LearningCourseDetails.aspx?id=b1bdbf95-4c61-468d-b907-2e87a51f78a1&mid=121342b7-716d-43a5-9ef2-5d51166ca1d7 

Do the changes appear in "dev" mode when running the theme locally?