<style>@media screen and (min-width: 320px) and (max-width: 428px){
.border-box{
margin-top: 1em !important;
}
}
</style><div class="border-box"><h4>Others Also Bought</h4><script>function OtherAlsoBoughtAddtocart(addToCartLink, productId, productPrice, productBrand, productName, prodNO, Currcode, prodGroupsforFBpixel) {
AddItemToCart(addToCartLink);
DYAddToCart(productId, 1, productPrice);
LoadaddtoCartPop(productId, productBrand, productName, 1, productPrice);
fbq('track', 'AddToCart', {
content_ids: prodNO,
content_type: "Product",
value: productPrice,
num_items: 1,
content_name: productName,
currency: Currcode,
content_category: prodGroupsforFBpixel
});
}
function LoadaddtoCartPop(id, pBrand, pName, requestQty, pPrice) {
var toAppendData = "";
toAppendData = '<tr><td colspan="2"><img src="/Admin/Public/Getimage.ashx?width=147&compression=85&Crop=5&image=/Files/Images/Ecom/Products/' + id + '.jpg" id="show" alt="product image"></td></tr>';
toAppendData += '<tr><td width="250px" style="padding:20px;" colspan="2">';
toAppendData += '<div class="pid" hidden>' + id + '</div>';
toAppendData += '<div class="pbrand">' + pBrand.replace(" myAND ", " & ") + '</div>';
toAppendData += '<div class="pname">' + pName.replace(" myAND ", " & ") + '</div>';
toAppendData += '<div class="qty">QTY: ' + requestQty + '<span class="count"></span></div>';
toAppendData += '<div class="price">' + pPrice + '</div>';
toAppendData += '</td></tr><tr><td colspan="2"><hr /></td></tr><tr>';
toAppendData += '<td><p style="padding:10px 30px 10px 30px;">Total: ' + pPrice + '</p></td>';
toAppendData += '<td><p class="Itotalprice" style="padding:10px;"></p></td>';
toAppendData += '</tr>';
$("#showbox").html("");
$("#showbox").append(toAppendData);
$("#AddtoItem").modal('show');
setTimeout(function () {
$("#AddtoItem").modal('hide');
}, 1500);
setTimeout(function () {
$.unblockUI();
}, 1000);
}
</script></div>