m |
m |
||
| (14 intermediate revisions by one user not shown) | |||
| Line 16: | Line 16: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | <div class="row"> | |
| − | + | <div class="span8"> | |
| − | + | <h3>Installation Instructions</h3> | |
| − | + | <ol> | |
| − | + | <li><a href="http://downloads.wordpress.org/plugin/jigoshop.zip">Download Jigoshop</a></li><br> | |
| − | + | <li>Navigate to your WP-Admin & go to Plugins.</li><br> | |
| − | + | <li>Click <strong>Add New</strong>, click <strong>Upload</strong> and then choose the jigoshop.zip file you downloaded from the previous step.</li><br> | |
| − | + | <li>Activate the Plugin</li><br> | |
| − | + | <li>Still in WP-Admin, go to PageLines > Store > Plugins</li><br> | |
| − | + | <li>Click the <strong>Install</strong> button under the Jigoshop for PageLines plugin, then <strong>activate</strong> it.</li> | |
| − | + | </ol> | |
| − | + | <p>Once you have completed these steps, it's time to learn about <a href="http://www.jigoshop.com/">Jigoshop</a> (if you have no previous knowledge). As a 3rd party plugin, PageLines does not provide official support for Jigoshop itself. However, the masters behind Jigoshop have a vast <a href="http://forum.jigoshop.com/kb">Knowledgebase</a> for any questions on usability.</p> | |
| − | + | </div> | |
| − | + | <div class="span4"> | |
| + | <div class="thumbnails"> | ||
| + | <a href="http://www.pagelines.com/wiki/images/7/7e/Addnewplugin.jpg" class="thumbnail"> | ||
| + | <img class="pl-imageframe" src="http://www.pagelines.com/wiki/images/7/7e/Addnewplugin.jpg" alt="Add New Plugin"> | ||
| + | </a> | ||
</div> | </div> | ||
| − | + | <div class="thumbnails"> | |
| − | + | <a href="http://www.pagelines.com/wiki/images/2/29/Uploadjigoshop.jpg" class="thumbnail"> | |
| − | + | <img class="pl-imageframe" src="http://www.pagelines.com/wiki/images/2/29/Uploadjigoshop.jpg" alt="Upload Jigoshop Screencast"> | |
| − | + | </a> | |
| − | + | </div> | |
| − | + | <div class="thumbnails"> | |
| − | + | <a href="http://www.pagelines.com/wiki/images/a/a1/Jigoforpagelines.jpg" class="thumbnail"> | |
| − | + | <img class="pl-imageframe" src="http://www.pagelines.com/wiki/images/a/a1/Jigoforpagelines.jpg" alt="Install Jigoshop for PageLines plugin"> | |
| − | + | </a> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | <hr> | ||
| + | <div class="row"> | ||
| + | <div class="span8"> | ||
| + | <h3>Jigoshop for PageLines Setup</h3> | ||
| + | <p>To get started configuring your Jigoshop installation in PageLines, first go to the Pages menu option in WP-Admin. You will see here <span style="color:green">(Figure 1)</span> that Jigoshop has created several new pages that contain shortcodes in them to display its content. These new pages have not been assigned a template yet <span style="color:green">(Figure 1 #1)</span>, and this must be done to allow more versatility with what layouts and sections you are able to choose when configuring your Jigoshop pages.</p> | ||
| + | <div class="alert alert-info"> | ||
| + | In <span style="color:green">Figure 1 #3</span> I've noted the "Thank You" page that Jigoshop creates. It is important to not include this page in any navigation as this is the page that users will be redirected to once they have completed a purchase, and will only cause confusion if they find themselves on this page before making any purchases from your store. | ||
| + | </div> | ||
| + | <p>Once you've assigned templates to the new pages, let's go into PageLines > Meta Setup and you will see a new menu item there called <strong>Product Archive</strong>. In this menu you can define the default content for the sections on Jigoshop pages <span style="color:green">(Figure 2 #1)</span>, the Layout <span style="color:green;">(Figure 2 #2)</span> and of course, your Individual Page Section Control <span style="color:green">(Figure 2 #3)</span></p> | ||
| + | <p>Now that we have this all settled, let's go one step further and create a Wordpress menu to use with your Jigoshop eCommerce shop in PageLines. This way, you can assign this menu <span style="color:green">(Figure 3)</span> to a specific navigation bar or child navigation when on Jigoshop pages.</p> | ||
| + | </div> | ||
| + | <div class="span4"> | ||
| + | <div class="thumbnails"> | ||
| + | <a href="http://www.pagelines.com/wiki/images/d/d6/Jigoshoppages.png" class="thumbnail"> | ||
| + | <img class="pl-imageframe" src="http://www.pagelines.com/wiki/images/d/d6/Jigoshoppages.png" alt="Jigoshop Pages Added"> | ||
| + | </a> | ||
| + | <div class="caption" style="text-align:center;"> | ||
| + | <p>Figure 1</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="thumbnails"> | ||
| + | <a href="http://www.pagelines.com/wiki/images/4/4c/Jigoshopmeta.png" class="thumbnail"> | ||
| + | <img class="pl-imageframe" src="http://www.pagelines.com/wiki/images/4/4c/Jigoshopmeta.png" alt="Jigoshop PageLines Meta"> | ||
| + | </a> | ||
| + | <div class="caption" style="text-align:center;"> | ||
| + | <p>Figure 2</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="thumbnails"> | ||
| + | <a href="http://www.pagelines.com/wiki/images/6/64/Jigoshopmenus.jpg" class="thumbnail"> | ||
| + | <img class="pl-imageframe" src="http://www.pagelines.com/wiki/images/6/64/Jigoshopmenus.jpg" alt="Jigoshop Menu Creation"> | ||
| + | </a> | ||
| + | <div class="caption" style="text-align:center;"> | ||
| + | <p>Figure 3</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
</html> | </html> | ||
Once you have completed these steps, it's time to learn about Jigoshop (if you have no previous knowledge). As a 3rd party plugin, PageLines does not provide official support for Jigoshop itself. However, the masters behind Jigoshop have a vast Knowledgebase for any questions on usability.
To get started configuring your Jigoshop installation in PageLines, first go to the Pages menu option in WP-Admin. You will see here (Figure 1) that Jigoshop has created several new pages that contain shortcodes in them to display its content. These new pages have not been assigned a template yet (Figure 1 #1), and this must be done to allow more versatility with what layouts and sections you are able to choose when configuring your Jigoshop pages.
Once you've assigned templates to the new pages, let's go into PageLines > Meta Setup and you will see a new menu item there called Product Archive. In this menu you can define the default content for the sections on Jigoshop pages (Figure 2 #1), the Layout (Figure 2 #2) and of course, your Individual Page Section Control (Figure 2 #3)
Now that we have this all settled, let's go one step further and create a Wordpress menu to use with your Jigoshop eCommerce shop in PageLines. This way, you can assign this menu (Figure 3) to a specific navigation bar or child navigation when on Jigoshop pages.