自动将Alt标签添加到产品图片 - OSCommerce

时间:2015-09-02 08:27:40

标签: javascript jquery html seo oscommerce

我想为我的所有产品图片自动添加Alt标签。

我正在使用OSCommerce。 - 我想最好添加所有产品图片alt标签与产品名称相同或类似 - 可以用某种脚本来完成吗?

我非常感谢你的帮助 感谢

1 个答案:

答案 0 :(得分:0)

绝对可以通过JQuery动态地将Alt标记添加到页面上显示的所有<img>标记中。

假设您拥有<img>个标签,如下所示:

<img class="productimage" title="Some Product Name" 
     src="http://someserver/somepath/images/product_1983212.jpg">

要动态添加Alt代码,您可以尝试以下方法。

1)如果不在那里,请将JQuery加载到HTML页面的<head>标记中。

2)添加jQuery文档就绪事件处理程序,它将动态添加alt标记,如下所示:

$(document).ready(function(){

   $(".productimage").each(function(){
        var currentTitle = $(this).attr("title");
        $(this).attr("alt",currentTitle);
    });

});

上面的代码会迭代所有<img>标记class="productimage",并会读取title并添加alt等于title

希望这会对你有所帮助。

修改

通过查看您的产品详细信息页面,我想出了以下代码:

$(document).ready(function(){ 
    $("#product-info-wrapper").each(function(){
        var currentProdTitle = $(this).find("#product-header").find("span[itemprop=name]").text();
        $(this).find("#product_image_holder > img").each(function(){ 
            $(this).attr("alt",currentProdTitle); 
        });
    });
});

修改代码以考虑将多个#product-info-wrapper放入单页的情况。