Actions

Difference between revisions of "Design/Adding a new page"

From Shopnix Help

m (Where will I get page feature ?)
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<div style="margin-top:50px">
 
<div style="margin-top:50px">
==What is Page ?==
+
==What is a Page ?==
  
 
<div align="justify">
 
<div align="justify">
In the page section you can customize your store means you can add new pages and modify existing pages or you can add/edit HTML,CSS,Java Script.
+
In the page section you can customize your store which means you can add new pages and modify existing pages or you can add/edit HTML,CSS and Java Script.
 
</div></div>
 
</div></div>
 
<div style="margin-top:50px">
 
<div style="margin-top:50px">
==Where I will get page feature ?==
+
 
 +
==Where will I get page feature ?==
 
<div align="justify">
 
<div align="justify">
Go to store manager > SETUP > PAGES
+
Go to '''STORE MANAGER > SETUP > PAGES'''
  
 +
 +
<div class="wiki-img">
 
[[Image:P1.png | frameless | 1200px]]
 
[[Image:P1.png | frameless | 1200px]]
 +
</div>
  
you will redirect to the page
 
  
 +
you will be redirected to the page
 +
 +
 +
<div class="wiki-img">
 
[[Image:P2.png | frameless |1200px]]
 
[[Image:P2.png | frameless |1200px]]
 +
</div>
  
  
Now comes to the Add New Page,here you can add new pages to your store.
+
Now come to the Add New Page, here you can add new pages to your store.
 
Click on the [[Image:p3.png]] and you will redirect to the page
 
Click on the [[Image:p3.png]] and you will redirect to the page
  
 +
 +
<div class="wiki-img">
 
[[Image:p4.png | frameless |1200px]]
 
[[Image:p4.png | frameless |1200px]]
 +
</div>
 +
  
Then select the type as per your requirement either HTML or CODE,provide a name and title for that,than inside editor you can place your HTML or codes and click on the [[Image:p6.png]]
+
Then select the type as per your requirement either HTML or CODE, provide a name and title for that,than inside editor you can place your HTML or codes and click on the [[Image:p6.png]]
  
 +
 +
<div class="wiki-img">
 
[[Image:p5.png | frameless | 1200px]]
 
[[Image:p5.png | frameless | 1200px]]
 +
</div>
  
You can edit the existing pages
 
Go to store manager > SETUP > PAGES
 
  
 +
You can edit the existing pages.
 +
Go to '''STORE MANAGER > SETUP > PAGES'''
 +
 +
 +
<div class="wiki-img">
 
[[Image:p7.png | frameless | 1200px]]
 
[[Image:p7.png | frameless | 1200px]]
 +
</div>
 +
  
 
click on the name under Name where you want to change and change .For Example we want to change the Special Offer,click on that [[Image:p8.png]]
 
click on the name under Name where you want to change and change .For Example we want to change the Special Offer,click on that [[Image:p8.png]]
Line 35: Line 55:
  
 
The most important thing is the Footer and Header where you can add the Java Script and CSS. In order to add the CSS or Java Script click on the header or footer as per your wish.
 
The most important thing is the Footer and Header where you can add the Java Script and CSS. In order to add the CSS or Java Script click on the header or footer as per your wish.
for example you want to add the CSS in the Footer,so click on the Footer place your code inside <style></style> and click on the [[Image:Savebtn.png]].
+
For example - you want to add the CSS in the Footer,so click on the Footer place your code inside <style></style> and click on the [[Image:Savebtn.png]].
  
  
 +
<div class="wiki-img">
 
[[Image:p9.png|1200px|frameless]]
 
[[Image:p9.png|1200px|frameless]]
 +
</div>
  
  

Latest revision as of 23:22, 2 May 2022

What is a Page ?

In the page section you can customize your store which means you can add new pages and modify existing pages or you can add/edit HTML,CSS and Java Script.

Where will I get page feature ?

Go to STORE MANAGER > SETUP > PAGES


P1.png


you will be redirected to the page


P2.png


Now come to the Add New Page, here you can add new pages to your store. Click on the P3.png and you will redirect to the page


P4.png


Then select the type as per your requirement either HTML or CODE, provide a name and title for that,than inside editor you can place your HTML or codes and click on the P6.png


P5.png


You can edit the existing pages. Go to STORE MANAGER > SETUP > PAGES


P7.png


click on the name under Name where you want to change and change .For Example we want to change the Special Offer,click on that P8.png and make changes as per your requirement and click on the Savebtn.png

The most important thing is the Footer and Header where you can add the Java Script and CSS. In order to add the CSS or Java Script click on the header or footer as per your wish. For example - you want to add the CSS in the Footer,so click on the Footer place your code inside <style></style> and click on the Savebtn.png.


P9.png


If you have more queries or would like assistance with this please contact us on support@shopnix.in.