你现在的位置:首页 > PHP网站建设知识库 > ZenCart > 正文

如何将图像添加到zencart的sideboxes底部或中心位置

zencart 1.3.0来看,这和CSS是很容易就能做到的。确切的方法取决于是否要创建一个小图像,或集中在它的图像上。 (当然也有其他设计的可能性,但我们会主要先集中处理这些)。 

首先创建您的图片,并将其放置在您的模板的images目录。 

然后在你的CSS下找到找到以下模块: 

.centerBoxWrapper {
    border: 1px solid #9a9a9a;
    height: 1%;
    margin: 1.1em 0;
    }

添加到左侧和/或右sideboxes: 

.leftBoxContainer, .rightBoxContainer {
    margin: 0em;
    border: 1px solid #9a9a9a;
    border-bottom: 5px solid #336633;
    margin-top: 1.5em;
    }

上面就是CSS经典模板(1.3.7),这取决于您使用的是哪个模板,并已作出什么修改。 

然后添加以下CSS来相应的模块 

/* create free space at the bottom of the box in which to display the image */
    padding-bottom: 20px;
    /* add the image to the boxes background */
    background-image: url(../images/box_bg.jpg);
    /* position the image at the bottom and center of the box */
    background-position: bottom center;
    /* EITHER set the image to not repeat */
    background-repeat: no-repeat;
    /* OR set it to repeat horizonatally */
    background-repeat: repeat-x;

如果你愿意,你可以在中心和sideboxes使用相同的图像。但是,任何多余的宽度将会出现在框外,并不能显示出来。