Showing
4 changed files
with
80 additions
and
0 deletions
@@ -60,6 +60,17 @@ | @@ -60,6 +60,17 @@ | ||
60 | </div> | 60 | </div> |
61 | {{/ shopEntry}} | 61 | {{/ shopEntry}} |
62 | 62 | ||
63 | + {{# sortIntro}} | ||
64 | + <div class="sort-intro clearfix"> | ||
65 | + <div class="texts pull-left"> | ||
66 | + <p class="name">{{name}}</p> | ||
67 | + <p class="en-name">{{enName}}</p> | ||
68 | + <p class="desc">{{description}}</p> | ||
69 | + </div> | ||
70 | + <img class="pull-right img" src="{{img}}"> | ||
71 | + </div> | ||
72 | + {{/ sortIntro}} | ||
73 | + | ||
63 | {{> product/standard-content}} | 74 | {{> product/standard-content}} |
64 | 75 | ||
65 | {{> product/latest-walk}} | 76 | {{> product/latest-walk}} |
@@ -85,4 +85,59 @@ | @@ -85,4 +85,59 @@ | ||
85 | } | 85 | } |
86 | } | 86 | } |
87 | } | 87 | } |
88 | + | ||
89 | + .sort-intro { | ||
90 | + margin-bottom: 20px; | ||
91 | + | ||
92 | + .texts { | ||
93 | + width: 386px; | ||
94 | + height: 298px; | ||
95 | + padding: 0 50px; | ||
96 | + border: 1px solid #eaeceb; | ||
97 | + text-align: center; | ||
98 | + } | ||
99 | + | ||
100 | + .name { | ||
101 | + font-size: 30px; | ||
102 | + font-weight: bold; | ||
103 | + margin-top: 60px; | ||
104 | + } | ||
105 | + | ||
106 | + .en-name { | ||
107 | + font-size: 14px; | ||
108 | + font-weight: bold; | ||
109 | + } | ||
110 | + | ||
111 | + .desc { | ||
112 | + margin-top: 15px; | ||
113 | + color: #666; | ||
114 | + margin-top: 15px; | ||
115 | + font-size: 12px; | ||
116 | + line-height: 150%; | ||
117 | + } | ||
118 | + | ||
119 | + .img { | ||
120 | + width: 480px; | ||
121 | + height: 300px; | ||
122 | + } | ||
123 | + } | ||
124 | +} | ||
125 | + | ||
126 | +@media (max-width: 1180px) { | ||
127 | + .product-list-page .sort-intro { | ||
128 | + .texts { | ||
129 | + width: 346px; | ||
130 | + height: 248px; | ||
131 | + padding: 0 30px; | ||
132 | + } | ||
133 | + | ||
134 | + .name { | ||
135 | + margin-top: 30px; | ||
136 | + } | ||
137 | + | ||
138 | + .img { | ||
139 | + width: 400px; | ||
140 | + height: 250px; | ||
141 | + } | ||
142 | + } | ||
88 | } | 143 | } |
@@ -424,6 +424,12 @@ class IndexController extends AbstractAction | @@ -424,6 +424,12 @@ class IndexController extends AbstractAction | ||
424 | ) | 424 | ) |
425 | ) | 425 | ) |
426 | ), | 426 | ), |
427 | + 'sortIntro' => array( | ||
428 | + 'name' => '羽绒服', | ||
429 | + 'enName' => 'DOWN COAT', | ||
430 | + 'desc' => '羽绒服是冬季必不可少的服饰之一,冬天的街头充斥着各种各样的羽绒服,特别是在北方。时下羽绒服融入了毛领、收腰等时尚元素,更显潮人们的完美身材。', | ||
431 | + 'img' => 'http://img13.static.yhbimg.com/adpic/2015/12/22/06/0276abe61367884cea21b779e47141891b.jpg' | ||
432 | + ), | ||
427 | 'filters' => array( | 433 | 'filters' => array( |
428 | 'checkedConditions' => array( | 434 | 'checkedConditions' => array( |
429 | 'conditions' => array( | 435 | 'conditions' => array( |
-
Please register or login to post a comment