อ้างถึงจาก: kennn ใน 02 มิถุนายน 2010, 05:50:01

อ้างถึงจาก: kimhim ใน 01 มิถุนายน 2010, 21:39:14

อ้างถึงจาก: kennn ใน 31 พฤษภาคม 2010, 00:34:46

วิธีที่กล่าวไป ไม่ใช่การเปลี่ยนภาพโลโก้นะครับ แต่เป็นการใส่พื้นหลังในส่วนหัว เพื่อให้ใส่ภาพส่วนหัวได้กว้างขึ้น

กรณีที่ภาพไม่แสดง ตรงนี้ผมไม่ได้แนะนำไปด้วยต้องขอโทษทีครับ เราควรนำรูปภาพที่จะใช้เป็นพื้นหลังไปไว้ที่โฟลเดอร์ themes/ธีมที่ใช้/img/ ครับ แล้วจึงเรียก path รูปภาพตามตัวอย่างได้เลย แต่ถ้านำรูปภาพไปไว้ที่ img ที่อยู่ที่ root เราต้องเรียกพื้นหลังแบบนี้ครับ
background: #fff url('../../../img/รูปภาพพื้นหลัง.jpg') no-repeat top left;

ปัญหาของผมคือ logo ที่ผมทำ เนี่ย ไม่ว่าจะ .gif .png พื้นหลังมันไม่ใสอะคับ เลยพยายามหาทางอื่นที่จะให้พื้นหลังมันใสๆของโลโก้มันใส
ขอถามต่อครับ แล้วถ้าหากต้องการใช้เฉพาะพื้นหลังในส่วนหัวอย่างเดียว โดยไม่ใช่โลโก้ ได้ไหมครับ แล้วมีวิธีการอย่างไร..

ไปที่ไฟล์ themes/ธีมที่ใช้/header.tpl แล้วหาโค้ดตามนี้ครับ

อ้างถึง<div id="header">
            <h1 id="logo"> <a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"><img src="{$img_ps_dir}logo.jpg" alt="{$shop_name|escape:'htmlall':'UTF-8'}" /></a> </h1>

ให้นำส่วนที่ไฮไลท์สีแดงออกครับ หรือเปลี่ยนชื่อรูปภาพจาก logo.jpg เป็นไฟล์อื่นที่มีค่า tranparent เป็น 0 ครับ

ไฟล์ logo.jpg หรือไฟล์ที่เราอัพโหลดเข้าไปที่ Back Office >> Preferences >> Appearance ควรจะยังมีอยู่นะครับ เพราะเป็นไฟล์ที่ PS ใช้ในการทำเป็นหัวกระดาษ เช่น Template mail, PDF invoice

อ้างถึงจาก: kennn ใน 31 พฤษภาคม 2010, 00:34:46

วิธีที่กล่าวไป ไม่ใช่การเปลี่ยนภาพโลโก้นะครับ แต่เป็นการใส่พื้นหลังในส่วนหัว เพื่อให้ใส่ภาพส่วนหัวได้กว้างขึ้น

กรณีที่ภาพไม่แสดง ตรงนี้ผมไม่ได้แนะนำไปด้วยต้องขอโทษทีครับ เราควรนำรูปภาพที่จะใช้เป็นพื้นหลังไปไว้ที่โฟลเดอร์ themes/ธีมที่ใช้/img/ ครับ แล้วจึงเรียก path รูปภาพตามตัวอย่างได้เลย แต่ถ้านำรูปภาพไปไว้ที่ img ที่อยู่ที่ root เราต้องเรียกพื้นหลังแบบนี้ครับ
background: #fff url('../../../img/รูปภาพพื้นหลัง.jpg') no-repeat top left;

ขอถามต่อครับ แล้วถ้าหากต้องการใช้เฉพาะพื้นหลังในส่วนหัวอย่างเดียว โดยไม่ใช่โลโก้ ได้ไหมครับ แล้วมีวิธีการอย่างไร..

อ้างถึงจาก: kennn ใน 26 พฤษภาคม 2010, 22:45:05

การใส่รูปภาพในส่วนหัวเว็ปให้กับ Prestashop


ผมขอเน้นก่อนเลยนะครับ การใส่ภาพพื้นหลังให้ Prestashop เราไม่ควรแก้ไขภาพโลโก้ให้มีขนาดสูงมากเกินไป ความสูงไม่ควรเกิน 120px ความกว้างไม่ควรเกิน 300px

เหตุผลแรกเลยก็คือ ภาพโลโก้มีการนำไปใช้ในส่วนของหัวกระดาษในใบ invoice และหัวกระดาษของ Template email ใครนึกภาพไม่ออก ลองเปลี่ยนโลโก้ให้เป็นรูปที่มีความสูงมากๆไปใช้และดูใบ invoice ที่มีการเปลี่ยนสถานะเป็นจัดส่งแล้วดูครับ

หตุผลที่สองคือ เมื่อภาพโลโก้มีความกว้างมาก สมมุตประมาณ 980px ซึ่งเท่ากับขนาดของตัวเว็บ PS NEW THEME รูปภาพจะดันโมดูลทางขวามือในส่วน Head ตกลงไปครับ ซึ่งได้แก่โมดูล block languages, block currency ฯลฯ

การทำภาพในส่วนหัวนั้น ผมแนะนำให้ใส่โค้ด css ที่ส่วน #page ครับ ตามโค้ดด้านล่างครับ  background-color จะใส่หรือไม่ใส่ก็ได้ครับ แล้วแต่รูปแบบของแต่ละคน

อ้างถึง#page {
   background: url('../img/รูปภาพที่ต้องการใช้.jpg') no-repeat top left;
   background-color:#fff;
   width: 980px;
   margin: 0 auto 2px auto;
   text-align:left;
}

จากนั้นเราก็ต้องดูว่ารูปของเราสูงเท่าไหร่ด้วยครับ สมมุติรูปสูง 200px เราต้องใส่ความสูงในส่วนของ h1#logo เพื่อให้ความสูงของ head พอดีกับรูปภาพครับ ให้ลบออก 10px ด้วยนะครับ เพราะในส่วนของ h1#logo มีการกำหนด margin-top:10px; คือ ให้ห่างจากขอบบน 10px นั่นเอง แต่ในส่วนของ #page ซึ่งมีรูปภาพอยู่มันชิดขอบบนครับ ก็จะได้โค้ดแบบนี้

อ้างถึงh1#logo {
    float: left;
   width: 29%;
   margin-top:10px;
   margin-bottom:8px;
   height:180px;
}

ปล. ความกว้างรูปภาพที่จะใส่ในส่วน #page ควรมีความกว้างไม่เกิน 980px สำหรับ PS NEW THEME นะครับ

ผมลองทำตามดูแล้วหน่ะครับ ปรากฎว่า ภาพมันไม่เปลี่ยนเหมือนว่าโดน โลโก้อันเก่าทับอยู่(อันเก่า อัพผ่าน Preferences>>>Appearance ครับ)
รบกวนขอคำแนะนำด้วยคร้าบ ขอบคุณครับ