INTEGRATED ASTORE IN WORDPRESS WITH FANTASTIC LAYOUT
Note: This tutorial is dedicated for newbie in wordpress cms. This tutorial also can be used if you want to build Use a Pre-Sell page . Implement this tutorial make your pre-sell page more focus.
Firstly, adding astore in wordpress is so easy. All you have to do is copy paste inline frame of astore code in to page which you dedicated to be your astore page.
The problem is the width of astore page. As default, astore have width 748px. So it was difficult for you who have 3 column theme or your post/content width less than 748px.
In this article, I have solution to solved fixed astore width in wordpress.
Please follow instructions below:
-
Create a page template without the sidebars.
-
Write a page with the template you just created.
-
Paste the code Amazon gave you into this page.
-
How to make page template without the sidebars?
Notes: I use typoXP theme for this tutorial
-
First, copy page.php of your theme, paste it into theme folder, rename it as you like. For example, I renamed it shop.php.
The root should be: yourURL/wp-content/themes/typoxp/shop.php
-
Second, open shop.php. That should be like this :
|
<?php get_header(); ?> <div id=”left”> <div id=”content”> <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class=”post” id=”post-<?php the_ID(); ?>”> <h2><?php the_title(); ?></h2> <div class=”entrytext”> <?php the_content(’<p class=”serif”>Read the rest of this page »</p>’); ?>
<?php link_pages(’<p><strong>Pages:</strong> ‘, ‘</p>’, ‘number’); ?>
</div> <?php if(function_exists(’sociable_html’)) { print sociable_html(); } ?> <?php if(function_exists(’wp_email’)) { email_link(); } ?>
<?php edit_post_link(’Edit this entry.’, ‘<p>’, ‘</p>’); ?> </div>
<?php
endwhile; endif; ?>
</div> </div> <?php get_sidebar(); ?> <?php get_footer(); ?>
|
-
Third, remove code in yellow shading, and add the page template stuff at the very top of the new template. The code is :
|
<?php |
(Change shop to the name as you like to named a new page template)
Finally, shop.php should be like this:
|
<?php /* Template Name: shop */ ?>
<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class=”post” id=”post-<?php the_ID(); ?>”> <h2><?php the_title(); ?></h2> <div class=”entrytext”> <?php the_content(’<p class=”serif”>Read the rest of this page »</p>’); ?>
<?php link_pages(’<p><strong>Pages:</strong> ‘, ‘</p>’, ‘number’); ?>
</div> <?php if(function_exists(’sociable_html’)) { print sociable_html(); } ?> <?php if(function_exists(’wp_email’)) { email_link(); } ?>
<?php edit_post_link(’Edit this entry.’, ‘<p>’, ‘</p>’); ?> </div>
<?php
endwhile; endif; ?>
<?php get_footer(); ?>
|
|
|
Code in green color is optional. You can remove it or not, it doesn’t matter.
-
Fourth, save it. And DONE!!!
That shop.php page template assumes that you still keep header and footer exist in your store. If you do not want header or and footer exist, just clean <?php get_header(); ?> or and <?php get_footer(); ?>
-
Write a page with the template you just created.
-
First, make a new page : admin area >> write >> write page
-
Second, look at PAGE TEMPLATE box. It should be at right bottom corner. Choose shop.
-
Third, create title of your page. Write preamble for your store and paste your astore code (inline frame). Publish it. Attention, before you going to publish, make sure that your page template is shop. Look at the red circle:
-
And… DONE!!! Now you have page which contain astore without sidebar. Just look at page archive in your homepage, there is page named COMPUTER SHOP-CANALIZE.NET. For live result, try to open my store : jewelry, computer, babies.
Hmm…nice, isn’t? :). But if you have your own goods for sell, try read my page HOW TO MAKE MONEY ONLINE? Or if you wish have own shopping software, try this free shopping cms software.
Hope you’ll enjoyed. Any suggestion? Or question?
advertisement :
Nice tutorials. I have an astore too added in my wordpress based golf store.