我在prestashop中安排「精選產品」中的文本時遇到了大問題。首先,我希望標題分兩行並居中。我嘗試了幾種方法,但沒有成功。其次,我想要「簡短描述」,以便擁有更多的角色並將其集中。 我在網站的鏈接下面張貼了一張我想如何看的圖片。你知道我應該改變什麼路線或者我需要做什麼嗎?如何集中「特色產品」(prestashop)?
http://www.3bwine.com/CRISTY/prestashop/index.php
http://oi58.tinypic.com/1608m10.jpg
我在prestashop中安排「精選產品」中的文本時遇到了大問題。首先,我希望標題分兩行並居中。我嘗試了幾種方法,但沒有成功。其次,我想要「簡短描述」,以便擁有更多的角色並將其集中。 我在網站的鏈接下面張貼了一張我想如何看的圖片。你知道我應該改變什麼路線或者我需要做什麼嗎?如何集中「特色產品」(prestashop)?
http://www.3bwine.com/CRISTY/prestashop/index.php
http://oi58.tinypic.com/1608m10.jpg
這是一個簡單的CSS的 「問題」。所描述的更改來自兩個文件的Css。
... /的Prestashop /主題/默認/ CSS/golbal.css
... /的Prestashop /模塊/ homefeatured/homefeatured.css - 這不是很重要,但可能會或可能不會與一些interfear我們更改
要按照您在圖像上顯示的方式對齊您的標題,我建議將這些代碼行添加到您的global.css文件中(因爲您沒有任何非常獨特的類或您的p元素,我們將針對它們從更進一步)
div#featured-products_block_center div.block_content ul li p.s_title_block a{
text-align:right;
width: 150px; // set as big/small as you want yoru heading title to display, you can play around with it. This should push the title on two lines, but if your title is chagining all the time in lenght then it might not be useful.
font-size: 22px; // should overwrite the current font-size, make as big/small as you need
}
要按照您需要的方式對齊說明將此行添加到global.css文件
div#featured-products_block_center div.block_content ul li div.product_desc a{
text-align:right;
margin-bottom: 20px; // you can play around with it , this pushes your price further away from the text
}
要改變你的簡短描述的lenght去../prestashop/modules/homefeatured/homefeatured.tpl並找到與此類似
{$product.description_short|strip_tags|truncate:65:'...'}
東西,那裏的截斷改變,無論你需要。 (改變你的「簡短描述」的長度)。數字以字符表示。
BR的