magento -- 调整产品页自定义选项或配置项的位置

简介:

Magento的产品页显示自定义选项或可配置产品的配置项在模板文件里都是归类于Options,默认模板下这一块会显示在产品信息的下方,如图

 

这个位置很多人觉得并不好看或合理,想要把它挪到图片的右边,也就是Quick Overview所在的位置,如下图

 

打开后台产品页,找到Design下的Display product options in属性,可以看到两个选项:Product Info Column和Block after Info Column,其中默认选中的是Block after Info Column,从字面意思就可以理解,Options的内容默认是显示产品信息的下方,如果把该产品的Display product options in属性设置为Product Info Column,前台就会看到第二张图片的效果。

也就是说,Magento系统本身就为这一块提供了两种显示位置,通过修改后台的属性值可以选择使用哪种位置,不过问题来了,如果我希望所有产品的Options内容默认都显示在Product Info Column,而不用所有产品一个个打开去改属性,那就需要修改代码来实现了。

打开产品页的主模板文件view.phtml,可以看到两端类似的代码

 

 

 

 

 

这两段就分别是Product Info Column和Block after Info Column两个位置,从代码在view.phtml里的位置就可以看出,也就是说后台默认是Block after Info Column的情况下,信息会显示在container2里。现在剪切container2这段代码,把它放到和container1同一个位置,这样,产品新加完默认情况下Options就会显示在第二张图片显示的位置了,模板文件里最后的代码如下

 

目录
相关文章
|
设计模式 供应链
阿里高级技术专家方法论:如何写复杂业务代码?
面对零售通如此复杂的业务场景,如何在架构和代码层面进行应对,是一个新课题。
19324 2
|
数据采集 大数据
大数据实战项目之电商数仓(二)
大数据实战项目之电商数仓(二)
314 0
|
SQL 存储 JSON
日处理消息2亿,通过核对体系做资损防控的技术挑战
日处理消息2亿,通过核对体系做资损防控的技术挑战
453 0
联系阿里云人工客服的四种方法(加急处理)
阿里云人工客服怎么联系?可以通过人工客服24小时电话、在线转人工或钉钉移动端、提交工单、建议与投诉四种加急处理方法,阿里云百科来详细说下联系阿里云人工客服的详细操作流程:
17055 0
联系阿里云人工客服的四种方法(加急处理)
|
新零售 监控 小程序
DingTalk「开发者说」钉钉工作台的能力开放
DingTalk「开发者说」是钉钉开发者最新上线的开发者栏目,联合阿里云ACE团队,分享钉应用开发解决方案、技术更新、实战技巧,致力于成为钉钉与开发者的桥梁与纽带,让更多的钉钉开发者传播技术、提升技能、分享观点。在数字化变革的时代,“云钉一体”“钉钉全面开放”战略之后,希望钉钉技术可以持续激发开发者的创造力,为组织数字化赋能。 本文主要针对钉钉工作台,讲解钉钉自定义工作台的开发方式、开放能力和优秀案例,以及工作台的开发实践。
1842 0
DingTalk「开发者说」钉钉工作台的能力开放
|
C语言 Perl
西门子S7-200 SMART位逻辑指令概述及应用实例
本篇文章我们来学习西门子S7-200 SMART的位逻辑指令。
西门子S7-200 SMART位逻辑指令概述及应用实例
|
关系型数据库 MySQL PHP
VMware虚拟机安装CentOS 7并搭建Lamp服务器环境
很多时候为了方便,搭配wamp或者wnmp环境的时候,直接在windows系统搭建就好了,而且更方便的是直接用集成环境phpstudy,直接了当。这个对于初学者来说,可以这样子做,但是对于一些摸索php好久的同学,其实都没什么挑战性了,更多的是,linux都没去学着的话,更容易忘记。
3114 0
【图文】阿里云商标优选交易购买教程
快速拥有一个属于自己的商标,不妨考虑一下阿里云商标优选平台,平台上的商标明码标价,也不用担心被代理商宰人。
5112 0
【图文】阿里云商标优选交易购买教程
|
Serverless JavaScript Rust
荷畔微风 - 在函数计算FunctionCompute中使用WebAssembly
WebAssembly 是一种新的W3C规范,由于 WebAssembly 运行在轻量级的沙箱虚拟机上,在安全、可移植性上比原生进程更加具备优势。同时资源消耗小、启动速度快的特点也非常适合Serverless的场景。开发者们开始探索WebAssembly在Serverless的应用场景。
4423 0