为你的opencart网站添加Buy on Amazon按钮 | 多站点跳转购买按钮 |Opencart教程

在在opencart搭建独立站跳转到亚马逊购买按钮流程开始：

1.打开opencart后台–规划设计–模板编辑器–product

 

2.输入以下代码

 

<style type=”text/css”>

.buy_button_thr { position: absolute; width: 185px; height: 42px;
line-height: 42px;  display: inline-block;  margin-left: 10px;
font-size: 14px; }

.buy_button_thr a { text-align: center; cursor: pointer; color: #fff; display: block; text-decoration: none; }

.buy_button_thr .buy_button_thr_a { border-radius: 50px; background: #f7ab00; }

.buy_button_thr .buy_button_thr_a:hover { background-color: #7f7f7f; }

.buy_button_thr .buy_button_thr_ul { list-style: none; margin: 0;
padding: 18px; background-color: #efefef; position:
absolute;width:100%;z-index:1; }

.buy_button_thr .hide { display: none; }

.buy_button_thr .buy_button_thr_ul li { display: block; padding:
4px 6px; font-weight: 400; line-height: 20px; margin-bottom: 4px; }

.buy_button_thr .buy_button_thr_ul li a { font-size: 12px;
text-align: left; cursor: pointer; color: #6d6d6d; display: block;
line-height: 100%; }

.buy_button_thr .buy_button_thr_ul li:hover a { color: #ec4a00; }

.buy_button_thr .buy_button_thr_ul img { vertical-align: middle; max-width: 100%; }

.buy_button_thr .buy_button_thr_ul li em { margin-left: 4px; }

#tab-description { line-height: 18px; padding-top:0;}

#tab-description > p { margin-bottom: 0; }

</style>

{% if HIDDEN_LINKS %}

<div id=”HIDDEN_LINKS” style=”display:none;”>{{ HIDDEN_LINKS }}</div>

{% endif %}

<script type=”text/javascript”>

$(function () {

({

jsonSelector: ‘#HIDDEN_LINKS’,

insertAfterSecltor: ‘#button-cart’,

countryIcon: {

uk: {

title: ‘United Kingdom’,

src: ‘/image/catalog/countryImgs/i_uk.jpg’

},

de: {

title: ‘Germany’,

src: ‘/image/catalog/countryImgs/i_de.jpg’

},

us: {

title: ‘United States’,

src: ‘/image/catalog/countryImgs/i_us.jpg’

},

jp: {

title: ‘Japan’,

src: ‘/image/catalog/countryImgs/i_jp.jpg’

},

it: {

title: ‘Italy’,

src: ‘/image/catalog/countryImgs/i_it.jpg’

},

es: {

title: ‘Spain’,

src :’/image/catalog/countryImgs/i_sp.jpg’

},

fr: {

title: ‘France’,

src: ‘/image/catalog/countryImgs/i_fr.jpg’

},

ca: {

title: ‘Canada’,

src: ‘/image/catalog/countryImgs/i_ca.jpg’

}

},

getLinks: function () {

try{

var $el = $(this.jsonSelector),

jsonStr = “”;

if ($el.length > 0) {

jsonStr = $el[0].tagName == “INPUT” ? $el.val() : $el.html();

}

return jsonStr.length > 0 ? JSON.parse(jsonStr) : ”;

}catch(e){

return ”;

}

},

createHtml: function (array) {

var i, len = array.length,temp,liStr=”,iconCfg;

for (i = 0; i < len; i++) {

temp = array[i];

iconCfg = this.countryIcon[temp.img] || temp.img;

liStr += ‘<li>

<a target=”_blank” href=”‘+ temp.link + ‘”>

< img data-width=”194″>