站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
建站程序
开发
服务器
办公软件
开发教程
服务器教程
软件使用教程
运营教程
热门电子书
WordPress教程
宝塔面板教程
CSS教程
Shopify教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
Joomla/VM中产品详情只显示大图的实现
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
{{Joomla top}} 问题:[[VirtueMart]](VM)默认在显示产品详细信息时显示小图,点击小图后再弹出新窗口显示大图。但有时需要在显示产品详细信息时直接显示大图,下面介绍如何修改[[代码]]实现这个功能: ==解决方法== 1、打开文件shop.product_details.php(位于 administrator/components/com_virtuemart/html/ 目录下),找到这一行 /** NOW LET'S BEGIN AND FILL THE TEMPLATE **/ 在这一行上面加入以下代码 $full_image = "$mosConfig_live_site/components/com_virtuemart/shop_image/product/".$full_image; 2、打开flypage.php文件(位于administrator/components/com_virtuemart/html/templates/product_details/ 目录中) 在flypage.php文件中,{product_name}表示产品名,{product_image}表示产品的图片。{product_image}只是显示小图,点击小图后会显示大图,此时如果用<img src="{full_image}" />代替{product_image}就可以直接显示产品全图了。 因此,我们需要将所有的{product_image}用<img src="{full_image}" />替换。 本方法在 VM 1.0.7 版本经过测试,正常显示。其他版本应该也可以。 另外说一句,如果要自定义产品详细信息的页面,就修改flypage.php这个文件,比如设计成表格(table),将需要的东西(如{related_products}、{vendor_link}等等)放到想要的位置就可以了。 ==VM进一步优化改进== 对VM进一步优化改进的 建议和相关问题: 首先VM经过初步改进以后依然有以下特点: 1.VM 前台小图片 点击以后 出现弹出新窗口到大图片。 2.VM 前台的连接,“product details" 点击以后出现产品大图和详细内容介绍。 改进的问题和建议步骤: 1,特点1是一种强迫用户查看的弹出窗口设置,应当尽量避免,通过点击前台小图片的目的只是为了查看大图片。然而产品详细介绍内容中已经能够出现大图片显示。所以从减化步骤考虑,应当采取直接URL到详细内容更合理。 修改文件browse_1.php(在administrator/components/com_virtuemart/html/templates/browse目录下) 一、找到 <pre> document.write('<a href="javascript:void window.open(\'{image_url}product/{product_full_image}\', \'win2 \',\'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes, width={full_image_width},height={full_image_height},directories=no,location=no\');">'); </pre> 将它们替换为 document.write('<a href="{product_flypage}" title="{product_name}">'); 二、找到 <a href="{image_url}product/{product_full_image}" target="_blank" title="{product_name}"> 将它们替换为 <a href="{product_flypage}" title="{product_name}"> 2. product details 在小图片的右侧会影响图片排烈时候的美观。而小图片通过步骤1完成了访问详细内容的功能。所以该说明文字可以不要。但是商品名称还是需要的。这个时候可以把商品名称文字缩小放到该小图片的下面。和图片URL到同样的详细内容介绍。 将文件browse_1.php(在administrator/components/com_virtuemart/html/templates/browse目录下)中的以下字句删除就可以了 <a href="{product_flypage}" title="{product_details...}">{product_details...}...</a> 3. VM 某些特定权限的设置。实现只有注册用户才能看到价格的功能。 在VM后台商城配置中有一个全局,里面有一个Membergroup to show prices to,选择registered就可以了 ==参考来源== http://www.joomlagate.com/article/joomla10-tutorial/display-big-picture-for-products-in-joomla-shop-component-virtuemart/ {{Joomla 1.0}} [[category:Joomla|V]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)
本页使用的模板:
模板:Joomla 1.0
(
编辑
)
模板:Joomla top
(
编辑
)