If doumentation does not cover your questions or have more to ask / share with other product users or get reply from Official Support then feel free to ask / share on CodeShop Amazon Affiliate plugin Forum.

Customize Templates

To customize templates first you need to copy whole folder 'amazonshop-templates' from your installed plugins directory, if you know Wordpress plugins directory structures then you should know where is your CodeShop Amazon Affiliate Plugin. Usually in your Wordpress root directory you should have folder name 'wp-content' and plugins are under this folder as /wp-content/plugins/codeshop-amazon-affiliate/ and you should get 'amazonshop-templates' folder here and just copy 'amazonshop-templates' into your active theme directory. For better understanding after copy the folder in your active theme the new 'amazonshop-templates' folder path should be as like /wp-content/themes/{your-active-theme}/amazonshop-templates/, now you are safe to update or modify templates, now you have all your customizable templates. Say if your active theme is 'twentysixteen' then your templates path should be as /wp-content/themes/twentysixteen/amazonshop-templates/.

CodeShop Amazon Affiliate Plugin has three main standard template files which are loading dynamically some other template files which are products display templates files to show products in different view, like one column show, two columns show, three columns show and four columns show. Three main standard template files are -

  • homepage.php - which shows your homepage products when you set 'Amazon Shop'
    as your CodeShop homepage.
  • single-amazonproductshop.php - which shows your all posts pages products.
  • archive-amazonproductshop.php - which shows your all category pages products.

Customize Products Display Templates

Products display templates are being loaded dynamically and used by main three standard template file. To display your products there are four default available templates in your plugin with their stylesheets. According to template customization to keep simple each template has their own stylesheet, so one template updates with its stylesheet will not affect other templates. To customize products display templates you need to know basic of HTML, CSS and if you know little about PHP that is better!

As en example if you want to customize two columns product view template then just open the template file 'product-two-columns.php' and update it as you want to display your products and corresponding stylesheet for this template file will be found at same folder as 'assets/css/product-two-columns.css' to add / update your stylesheet. All available products display templates with their corresponding stylesheets are -

  • Template file 'product-one-column.php' will use the stylesheet 'assets/css/product-one-column.css'
  • Template file 'product-two-columns.php' will use the stylesheet 'assets/css/product-two-columns.css'
  • Template file 'product-three-columns.php' will use the stylesheet 'assets/css/product-three-columns.css'
  • Template file 'product-four-columns.php' will use the stylesheet 'assets/css/product-four-columns.css'

Customize CodeShop Home Page

If you want to customize your homepage, bascially when you set 'Amazon Shop' homepage through CodeShop homepage that will be updated through customization the template file 'homepage.php' which is one of the main standard template files. As default it loads four columns view with 12 products per page template file 'product-four-columns.php'. Through customization this template file you can change how you want to show your Amazon Shop homepage products display. Currently 'homepage.php' loads dynamically 'product-four-columns.php' products display template file. If you want 'homepage.php' to load other available products display template files then you can do through Advanced template customization documentation page which is very easy to load other products display template files.

Customize All Post Pages

If you want to change to display all your single post pages products display then you need to update 'single-amazonproductshop.php' which is one of the main standard template files. By customization this template file you can change the view how you want to display all your single post pages products display. Currently 'single-amazonproductshop.php' loads dynamically 'product-two-columns.php' products display template file to display all post pages products. If you would like 'single-amazonproductshop.php' to load dynamically other available products display template files then you can do easily through Advanced template customization documentation page.

Customize All Category Pages

If you want to change to display all your category pages products display then you need to update 'archive-amazonproductshop.php' which is one of the main standard template files. By customization this template file you can change the view how you want to display all your category pages products display. Currently 'archive-amazonproductshop.php' loads dynamicaly 'product-three-columns.php' products display template file to display all category pages products. Usually same way if you would like 'archive-amazonproductshop.php' to load dynamically other available products display template files then you can do easily through Advanced template customization documentation page.