2017-03-07 156 views
1

不知道这是我发布的地方,但我在这里有很多答案,所以我想我会问我正在修改打开购物车V2.0.2中的产品页面。 0,我不是网页设计师或程序员,所以我需要我可以获得的所有帮助。这里是我的问题,我想在产品页面的主要产品图像的左侧添加内容,现在我知道在模块中我可以创建HTML内容,然后通过布局将其显示在产品页面上,但是这会将描述标签推到在左栏下留下一个很大的间隙,我想要的是在左侧有一个div,延伸到主图像的底部,并将说明保留在左侧。opencart产品页面DIV

how it looks with the columns added through layout

我已经试过修改产品TPL文件以各种方式,但无济于事。任何想法都会受到感谢。

我怎么想它看起来

How i want it

问候克里斯

+0

你会在那里有什么? – Innervisions

+0

一个小的div,它不会低于主图像的颜色图表和链接信息,类似于右侧的Bespoke div。 – cg40447

+0

只需使用HTML内容模块,并删除该边框,并将其放入图像或W/E您需要在那里? – Innervisions

回答

0

为了帮助你更好地理解,Opencart的调用这样

页眉模板 - 左边的列 - 塔中段 - 列权 - 页脚

您需要做的是将该块添加到中间列,然后制作几个te mplate/css调整。如果你把它放在左边的列中,它们会回显出左边的列,这会产生你告诉我们的结果。将块分配到中间或进入模板文件目录/视图/主题/(yourtemplate)/product/product.tpl以及该块的硬编码。

祝你好运!

+0

感谢您的输入和正确的方向指针,我设法排序它。我编辑了Product TPL页面,并根据正在使用的模块等调用列类,我手动定义列添加了我的新div并定义它col-sm-3和下一个图像col-sm-5和右手价格等作为col-sm-4。我把这个描述放在它自己的行中,并且定义了col-sm-8,它跨越了新div和图像的底部,就像我想要的一样。再次感谢您的帮助 – cg40447

+0

没问题,您可以对此进行投票或将其标记为答案?自从我刚开始以来,我仍然受限于我的低分能帮助别人。谢谢! – lexguru

相关问题