原创投稿
广告
广告
广告 广告 广告 广告
广告
广告 国内BGP机房32G内存299元 网站收录排名问题解决 【超牛】搜外友链平台 站长在线扒站工具【免费】 【免费】站长开发工具箱 【推荐】站长自动外链工具 广告位联系QQ：253000106 独立服务器100M/不限/免备 2核2G服务器新用户低至68元/年 虚拟资源平台,轻松变现 10000来路IP只需8元 站群系统程序-专注SEO站群 黑帽SEO论坛_黑帽聚集地 企业HTTP代理IP服务提供商 软文推广，在线获客【定制】 站群服务器99元起 SEO免费工具分享 外推代发包收录 【国内国际】短信推广，免费测试 实力产品收量 外链代发 5分一条 快速排名 █一解决“收录、排名”问题一█ ●●●优质搜狗泛收录域名●●● AI数字人直播系统源码 百度SEO排名7-15天上首页
  1. 创想鸟首页
  2. 站长之家
  3. 编程技术

继续探索：Magento主题开发之首页设计，第三部分

PHP中文网 • • 编程技术 • 阅读 2

现在我们已经完全定制了前半部分主页，接下来我们需要修改主页的内容。如果我们看看我们的HTML设计，首页内容部分只有一个标题和最新的轮播产品。有一个 Magento 小部件，我们可以使用它来显示最新的产品主页。实际上，如果我们查看当前的主页部分，它已经有其上启用了最新的产品小部件，但我们需要修改它以匹配我们的设计要求。

如果我们通过管理面板查看主页内容 > CMS > 页面 > MadisonIsland > 内容，我们会看到只有一行PHP代码（除了一些样式标签），即：

{{widget type="catalog/product_widget_new" display_type="new_products" products_count="5" template="catalog/product/widget/new/content/new_grid.phtml"}}

登录后复制

所以，基本上所有的首页内容都来自于此模板（这只是展示新产品的模板）。我们将复制这个文件从 RWD 主题到我们的新主题，位于 catalog/product/widget/new/content/new_grid.phtml，并开始编辑它，使其看起来像我们的 HTML 设计。如果我们看一下该文件的当前代码是：

getProductCollection()) && $_products->getSize()): ?>
    
        
__('New Products') ?>
    
    
        getPagerHtml() ?>        getColumnCount(); ?>        
    getItems() as $_product): ?>                
  •                     <a href="https://www.php.cn/faq/getProductUrl()%20?>" title="<?php echo $this->stripTags($_product->getName(), null, true) ?>" class="product-image">                        <img src="https://www.php.cn/faq/helper('catalog/image')->init(%24_product,%20'small_image')->resize(85)%20?>" alt="<?php echo $this->stripTags($_product->getName(), null, true) ?>">                    
                            
    <a href="https://www.php.cn/faq/getProductUrl()%20?>" title="<?php echo $this->stripTags($_product->getName(), null, true) ?>)">helper('catalog/output')->productAttribute($_product, $_product->getName() , 'name') ?>
                            getPriceHtml($_product, true, '-widget-new-grid') ?>                        getReviewsSummaryHtml($_product, 'short') ?>                        
                                isSaleable()): ?>                                                            
    __('Out of stock') ?>
                                
      helper('wishlist')->isAllow()) : ?>                                    
    • <a href="https://www.php.cn/faq/getAddToWishlistUrl(%24_product)%20?>" class="link-wishlist">__('Add to Wishlist') ?>
      •                                 getAddToCompareUrl($_product)): ?>                                    
    • | <a href="https://www.php.cn/faq/" class="link-compare">__('Add to Compare') ?>
      •                                 
                        
                    
    •

登录后复制

当我们查看本部分的 HTML 代码时，它看起来像这样：

    
        
Hot Products
        
    
因此，我们首先在此 HTML 中插入动态标签。我的原因是向您显示该文件的当前代码，以便您可以找到所需的该代码中的动态标记，并将它们放入 HTML 中。
我们不必对 div 结构进行任何更改，因此第一行需要更改的是 h3 标记：
Hot Products


登录后复制


我们需要将 Hot 和 Products 的静态文本替换为 Magento $this标签，以便 Magento 稍后可以根据用户偏好翻译这些标签。因此，这一行将变成这样：


__('New') ?>__(' Products') ?>


登录后复制


下一行需要更改的是 image 标记，我们需要在其中更改relevant path of the image source. Currently it looks 像这样：


继续探索：Magento主题开发之首页设计，第三部分


登录后复制


我们将其更改为：


<img  src="https://www.php.cn/faq/helper('catalog/image')->init(%24_product,%20'small_image')->resize(236,%20357)%20?>" alt="继续探索：Magento主题开发之首页设计，第三部分" >


登录后复制


这里这个动态标签将获取产品的实际小图像236 x 357 像素大小。接下来，我们需要更改这个 Add to Cart 链接：


Add to Cart


登录后复制


我们将其更改为：


<a href="https://www.php.cn/faq/getProductUrl()%20?>" class="info">    isSaleable()): ?>        __('Add to Cart') ?>    __('Out of stock') ?>    


登录后复制


它有一个产品详细信息页面的动态 URL，并且仅显示“添加到”购物车”（如果产品可用）。否则会显示“缺货”。最后，我们将通过替换此行来更新产品价格和名称：


Iphone 5s Gold 32 Gb 2013
$451.00


登录后复制


有了这个：


helper('catalog/output')->productAttribute($_product, $_product->getName() , 'name') ?>
getPriceHtml($_product, true, '-widget-new-grid') ?>


登录后复制


这将使我们的单一产品视图准备就绪，但要迭代它新产品，我们必须将 item div 包含在循环中，因此我们将添加这一行在它的顶部：


getItems() as $_product): ?>


登录后复制


最后的这一行用于终止循环：




登录后复制


So the full code for that file will become 像这样：


getProductCollection()) && $_products->getSize()): ?>                        


__('New') ?>__(' Products') ?>


                                        getItems() as $_product): ?>                                                                                                                                                <img  src="https://www.php.cn/faq/helper('catalog/image')->init(%24_product,%20'small_image')->resize(236,%20357)%20?>" alt="继续探索：Magento主题开发之首页设计，第三部分" >                                                                                    isSaleable()): ?>                                                __('Add to Cart') ?>                                            __('Out of stock') ?>                                                                                                                        helper('catalog/output')->productAttribute($_product, $_product->getName() , 'name') ?>                                        


getPriceHtml($_product, true, '-widget-new-grid') ?>





 
 



                                                        
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。


发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2820760.html
                        


                        

                        

                            
 赞 (0)

                                                    


                        

                            

                                                                

                                    

                                                                                     0                                         0                                                                            

                                    
                                    

                                        
                                    

                                

                            

                        

                    

                    

    
关于作者
    

        

            PHP中文网的头像
        

        

            

                

                    PHP中文网签约作者
                

                

                                    

            

                            
            

                454.1K
                文章
            

                    

                0
                评论
            

                    

                1
                粉丝
            

        

                        
php中文网提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精通，一站式php自学平台！
        

    


                        

                    

                
                

                     上一篇
                    2025年3月9日 01:25:29
                

            

                            

                
                

                    下一篇 
                    2025年3月9日 01:25:36
                

            

            

                    




AD推荐 黄金广告位招租... 更多推荐









                                            

                            
相关推荐
                        

                    


    	

		
发表回复 
登录后才能评论
 
	

		

                

                    

    
            

                        


            

                                                    

                                                                    

                                    

                                                                    

                            

        

























    

        
                



    

        

            

                

                
请登录

            

            

                
您还未登录，请登录后再进行相关操作！

            

           

                    登录
                    注册