如何编辑zen cart中的产品图片?
我讨厌它只显示每个图像并且必须单击每个图像才能显示放大的显示。
无论如何,我可以重新组织它们和/或使用 jquery gallery 类型插件来浏览不同的产品图像?
像这里的效果对于产品图片来说是完美的 http://www.sohtanaka.com/web -设计/花式缩略图-悬停效果-w-jquery/
I hate how it just shows each image and have to click each image to show the enlarged display.
Anyway I can re-organize them and/or use a jquery gallery type plugin to go through the different product images?
Something like the effect here would be perfect for the product images
http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
作为仅限客户端的解决方案,您可以查看页面(主页、特价商品、新产品、类别列表和产品信息),并查看是否有任何可用于附加 jquery 的图像的 css 挂钩事件到它。
一旦找到,您可以按照您的建议使用 jquery 图像插件来完成放大/幻灯片等工作。如果您对这个 jquery 解决方案感兴趣,我可以进一步解释它,我用不同的模板做了几次。无论如何,您可能(根据您的需要)可能需要修改或添加一些 php。
如果您喜欢或需要修改 PHP 输出,则必须修改一些模板文件,您可能知道这些模板文件位于 /includes/templates/my-template-name/ 中。如果您只想处理product_info图像,那就容易多了。您只需编辑 my-template-name/templates/tpl_product_info_default.php 文件。再次,如果您需要,我将进一步解释,但我可能需要查看您的模板 tpl_product_info_default 文件才能进一步帮助您。
As a client-side only solution, you could take a look at the pages (home, specials, new products, category listing and product info), and see if there is any css hook for the images that you can use to attach a jquery event to it.
Once found, you can use, as you suggest, a jquery image plugin to do the job of enlarging/slideshow etc. If you are interested in this jquery solution I can explain it further, I made it a few times with different templates. You will (depending on your needs) proably need to modify or add some php anyway.
If you prefer or need to modify the PHP output, you will have to modify a few template files, located as you probably know in /includes/templates/my-template-name/. If you only want to deal with the product_info image/s, it is much easier. You only need to edit the my-template-name/templates/tpl_product_info_default.php file. Again, I will explain further if you need, but I would probably need to see your templates tpl_product_info_default file to be able to help you further.