Design/Adding custom CSS/JS - Revision history

Sachin: /* Where will I get this feature ? */

2022-05-02T14:26:50Z

‎Where will I get this feature ?

Sachin: /* Where will I get this feature ? */

2022-02-09T16:04:40Z

‎Where will I get this feature ?

Sachin: /* What is Adding custom CSS/JS ? */

2022-02-09T16:02:30Z

‎What is Adding custom CSS/JS ?

Sachin: /* Where I will get this feature ? */

2022-02-04T09:56:19Z

‎Where I will get this feature ?

Sachin: /* Where I will get this feature ? */

2022-02-01T16:25:28Z

‎Where I will get this feature ?

Sachin: /* Where I will get this feature ? */

2022-01-20T19:19:28Z

‎Where I will get this feature ?

Sachin: /* Where I will get this feature ? */

2021-12-31T05:07:40Z

‎Where I will get this feature ?

Sachin: /* What is Adding custom CSS / JS ? */

2021-12-31T05:04:51Z

‎What is Adding custom CSS / JS ?

Subhrajit at 08:47, 23 July 2014

2014-07-23T08:47:12Z

Subhrajit: /* Where I will get this feature ? */

2014-07-14T12:46:30Z

‎Where I will get this feature ?

@@ Line 24: / Line 24: @@
 ==Where will I get this feature ?==
 <div align="justify">
-Go to ADMIN > SETUP > PAGES > HEADER/FOOTER.
+Go to '''ADMIN > SETUP > PAGES > HEADER/FOOTER'''

@@ Line 22: / Line 22: @@
 <div style="margin-top:50px">
-==Where I will get this feature ?==
+==Where will I get this feature ?==
 <div align="justify">
 Go to ADMIN > SETUP > PAGES > HEADER/FOOTER.

@@ Line 6: / Line 6: @@
 You can directly edit the code from  FOOTER/HEADER. Using this page, you can either write custom CSS/JS code or modify existing site elements using CSS/JS. You'll find example code already in place here for your reference.
 </div>
 </div>

← Older revision		Revision as of 09:56, 4 February 2022
Line 15:		Line 15:


−	~~                               ~~[[Image:pages2.png \| frameless \|1200px]]	+	<div class="wiki-img">
		+	[[Image:pages2.png \| frameless \|1200px]]
		+	</div>


Line 21:		Line 23:


−	~~                               ~~[[Image:header.png \| frameless \| 1200px]]	+	<div class="wiki-img">
		+	[[Image:header.png \| frameless \| 1200px]]
		+	</div>

← Older revision		Revision as of 16:25, 1 February 2022
Line 15:		Line 15:


−	[[Image:pages2.png \| frameless \|1200px]]	+	[[Image:pages2.png \| frameless \|1200px]]


Line 21:		Line 21:


−	[[Image:header.png \| frameless \| 1200px]]	+	[[Image:header.png \| frameless \| 1200px]]

@@ Line 16: / Line 16: @@
 [[Image:pages2.png | frameless |1200px]]
 Click on the either HEADER or FOOTER (Example HEADER) and you will get a page like below
 [[Image:header.png | frameless | 1200px]]
 In the area provided there you can place your own CSS or JS within the style and script tags.

@@ Line 21: / Line 21: @@
 [[Image:header.png | frameless | 1200px]]
-In the area provided there you can place your own CSS or JS with in the style and script tags.
+In the area provided there you can place your own CSS or JS within the style and script tags.
-You can put the codes (CSS/JS) in FOOTER also but the difference is that header part will execute first and footer part will execute later.
+You can put the codes (CSS/JS) in FOOTER also but the difference is that the header part will execute first and the footer part will execute later.
-If you are going to add a lot of CSS or JS then its better to add comment lines with the codes so that in the later stage it will be easier for you to know which code is for what purposes.
+If you are going to add a lot of CSS or JS then it's better to add comment lines with the codes so that in the later stage it will be easier for you to know which code is for what purposes.
 In the HEADER part you can add external script codes like codes for online chat option, google analytic codes, etc.
-In order to edit the existing CSS and JS go to ADMIN > SETUP > PAGES, then HEADER/FOOTER (depends on where you put the codes), suppose earlier, you put the codes in the header then click on the header option and edit the existing codes as per the requirement.
+In order to edit the existing CSS and JS go to ADMIN > SETUP > PAGES, then HEADER/FOOTER (depends on where you put the codes), suppose earlier you put the codes in the header then click on the header option and edit the existing codes as per the requirement.

@@ Line 1: / Line 1: @@
 <div style="margin-top:50px">
-==What is Adding custom CSS / JS ?==
+==What is Adding custom CSS/JS ?==
 <div align="justify">
 You can customize your existing shopnix store using CSS and JS.
-You can do the same by using following approach.
+You can do the same by using the following approach.
 You can directly edit the code from  FOOTER/HEADER. Using this page, you can either write custom CSS/JS code or modify existing site elements using CSS/JS. You'll find example code already in place here for your reference.
@@ Line 9: / Line 9: @@
 </div>
 <div style="margin-top:50px">
 ==Where I will get this feature ?==
 <div align="justify">