Actions

Difference between revisions of "Design/Adding custom CSS/JS"

From Shopnix Help

(What is Adding custom CSS / JS ?)
(What is Adding custom CSS / JS ?)
Line 3: Line 3:
 
You can do the same by using 2 approaches.
 
You can do the same by using 2 approaches.
  
The first one is to create an HTML widget  from ADMIN > SETUP > WIDGETS. Here you can create HTML blocks that you want to be placed on your side and associate styling with it as per your requirement.  
+
The first one is to create an HTML widget  from WIDGETS. Here you can create HTML blocks that you want to be placed on your side and associate styling with it as per your requirement.  
  
The second apporach is to directly edit the code from ADMIN > SETUP > PAGES > FOOTER/HEADER. Using this page, you can either write custom html/css/js code or modify existing site elements using JS/CSS. You'll find example code already in place here for your reference.
+
The second apporach is to directly edit the code from  FOOTER/HEADER. Using this page, you can either write custom html/css/js code or modify existing site elements using JS/CSS. You'll find example code already in place here for your reference.
 +
 
 +
 
 +
==Where I will get Theme feature ?==
 +
For the first option go to  ADMIN > SETUP > WIDGETS.
 +
 
 +
[[File:pages1.png | frameless |1200px]]
 +
 
 +
And for the second option go to ADMIN > SETUP > PAGES > HEADER/FOOTER.
 +
 
 +
[[File:pages2.png | frameless |1200px]]

Revision as of 19:09, 14 July 2014

What is Adding custom CSS / JS ?

You can customize your existing shopnix store using HTML, CSS and JS . You can do the same by using 2 approaches.

The first one is to create an HTML widget from WIDGETS. Here you can create HTML blocks that you want to be placed on your side and associate styling with it as per your requirement.

The second apporach is to directly edit the code from FOOTER/HEADER. Using this page, you can either write custom html/css/js code or modify existing site elements using JS/CSS. You'll find example code already in place here for your reference.


Where I will get Theme feature ?

For the first option go to ADMIN > SETUP > WIDGETS.

Pages1.png

And for the second option go to ADMIN > SETUP > PAGES > HEADER/FOOTER.

Pages2.png