Amazon Store, part 3
View Demo | Download Source code
Well, you have already know how to build amazon store from the scratch, but it just showing 10 items from existed total pages. So, how do you paging your item? Paging your item here is depend on how you build your store, and what kind of parameter you passing to your code.
Alright, let create the paging from the previous articles source code. Let’s get the source code from frontstore.php in “Amazon Store, Part 2″ and create a paging for that page.
as what have descripted in previous article, to get 2nd page and so on, you have to change the value of ItemPage to the page number you requested. Inside frontstore.php, we passing parameter keywords from search form to the “Request”, so we have to consider to added keywords parameter to your paging link.
view full post »
Rotate Image with CSS3 + jQuery
View Demo | Download Sourcecode
HTML
<div class="content"> <div class="title"> <h1>Rotate Image with CSS3 + jQuery</h1> </div> <ul class="thumb"> <li><img class="thumb_img" src="images/img1_thumb.jpg" border="0" alt="" /></li> <li><img class="thumb_img" src="images/img2_thumb.jpg" border="0" alt="" /></li> <li><img class="thumb_img" src="images/img3_thumb.jpg" border="0" alt="" /></li> </ul> </div>
CSS
/* CSS Document */
body {
background-color:#333;
margin:0;
padding:0;
}
.content {
text-align:center;
margin:0 auto;
width:1000px;
position:relative;
padding:10px;
top:0;
}
.title {
color:#FFF;
font-family:verdana;
font-size:24px;
}
ul.thumb {
position:relative;
margin:0 auto;
text-align:center;
width:1000px;
height:300px;
}
ul.thumb li {
list-style:none;
float:left;
margin:15px;
width:200px;
cursor:pointer;
}
ul.thumb li img {
border:7px solid #FFF;
position:absolute;
}
.clear {
clear:both;
}
Javascript with jQuery
view full post »Amazon Store, part 2
Demo Search | Demo Frontstore & Detail page | Sourcecode
In part 1, we have a short description how to use ItemSearch with your search condition. ItemSearch will return the Response with 10 items per page.
ItemLookup is a function to read an item or product based on the product code name ASIN (default) that you specify. ItemLookup usually used to view the relevant product information depend to your ASIB, including customer reviews.
ItemSearchWe’ll explore more about ItemSearch. There are several parameters that can be used together with ItemSearch, here is the common parameters show below:
view full post »Amazon Store, part 1
Demo Product Small | Demo Product Medium | Source code
The following is what you need to be prepared before you start to create a website Amazon online store
- Amazon Web Service Product Advertising API documentation, the latest is the version dated 2010-10-01, http://docs.amazonwebservices.com/AWSECommerceService/latest/DG/
- Amazon Associate Tag
- Amazon Access key dan Secret key
- XML
- PHP
To be able to access to Amazon’s servers, then you need the Associate Tag, Access Key and Secret key that we get from amazon to register as an affiliate through the links http://affiliate-program.amazon.com
Amazon products structureAmazon product divided by the categories of products, each product content sub-categories. The coding system of categories and sub category known as Node. Each items or products of the categories and sub-categories are named as ASIN.
view full post »