Put an Amazon Store on your Own Website
Prepare Store Page
A store usually requires the full width of the webpage, that means no sidebars. Follow these instructions to prepare a full-width page.
1. Insert the Store URL into the following code.
<b:if cond='data:blog.url == "http://www.mydomain.com/p/store.html"'>
<style>
.main-inner .columns {
padding-left: 0px !important;
padding-right: 0px !important;
}
.main-inner .fauxcolumn-center-outer {
left: 0px !important;
right: 0px !important;
}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {
display: none !important;
}
</style>
</b:if>
2. Find ]]></b:skin> in the website template and paste the code directly below.
Design Your Store
Log into Amazon Associates at https://affiliate-program.amazon.com and select 'aStore', followed by 'ad an aStore', then 'add an new tracking ID' then 'continue'.
A store usually requires the full width of the webpage, that means no sidebars. Follow these instructions to prepare a full-width page.
1. Insert the Store URL into the following code.
<b:if cond='data:blog.url == "http://www.mydomain.com/p/store.html"'>
<style>
.main-inner .columns {
padding-left: 0px !important;
padding-right: 0px !important;
}
.main-inner .fauxcolumn-center-outer {
left: 0px !important;
right: 0px !important;
}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {
display: none !important;
}
</style>
</b:if>
2. Find ]]></b:skin> in the website template and paste the code directly below.
Design Your Store
Log into Amazon Associates at https://affiliate-program.amazon.com and select 'aStore', followed by 'ad an aStore', then 'add an new tracking ID' then 'continue'.
Create categories by following the instructions in the following image.
Continue and select left or right sidebar
Past the code into your website and hit Publish!