使用javascript的Prestashop产品映像

Prestashop product image using javascript

本文关键字：映像 Prestashop javascript 使用      更新时间：2023-09-26

如何在Prestashop中使用javascript获取产品图像？我已经知道在tpl和php中你可以使用这个

$imagePath = Link::getImageLink($product['link_rewrite'], $product['id_product'], 'home_default'); 
{$link->getImageLink($product.link_rewrite, $product.id_product, 'home_default')}`

这可以在javascript中实现吗？

您可以使用：$（'img#img'的ID）.attr（'src'）这将返回到图像的链接；）。

如果在同一个tpl中使用javascript文件，则可以编写此文件。

{$link->getImageLink($product.link_rewrite, $product.id_product, 'home_default')}

如果您想从外部文件获取产品映像，则可以使用product_image类来查找产品映像喜欢

.product_image img

它将帮助您获得产品的图像。

有同样的问题，这就是我进入这个"堆栈"的原因

挑战：想要不同尺寸的图像，然后在#layer_cart 中使用默认产品的图像尺寸

解决方案：在prestashop的BO中制作了一张名为popup_default的图像。

在/themes/theme_name/modules/blockcart/blockcart-json.tpl中，在第36行添加了以下内容

"image_popup": {$link->getImageLink($product.link_rewrite, $product.id_image, 'popup_default')|json_encode},

然后在/themes/theme_name/js/modules/blockcart/ajax-cart.js中在737 线路上做了以下更改

$('.layer_cart_img').html('<img class="layer_cart_img img-responsive" src="' + product.image + '" alt="' + product.name + '" title="' + product.name + '" />');

进入

$('.layer_cart_img').html('<img class="layer_cart_img img-responsive" src="' + product.image_popup + '" alt="' + product.name + '" title="' + product.name + '" />');

现在我使用了一个"弹出"大小的图像

相关文章：