[PRESTASHOP 1.3.1] New Theme + Search(Support Thai) + ฯลฯ แบบตัว install ครับ

[nokaek]

สวัสดีค่ะ วันนี้มีโมดูลมานำเสนอกันอีกแล้วจ้า

สำหรับเพื่อนๆ ที่ได้มีการแก้ไขเนื้อหาในหน้า contact form เช่น เพิ่มข้อความเกี่ยวกับที่อยู่ แผนที่ หรือข้อความอื่นๆ แต่เดิมต้องอาศัยความรู้เกี่ยวกับการ html บ้างเพื่อเข้าไปทำการ
แก้ไข ดูแล้วยุ่งยากใช่ไหมล่ะ

วันนี้เรามีตัวช่วยที่ทำการจัดการเนื้อหาดังกล่าวเป็นเรื่องที่ง่ายขึ้นด้วยโมดูล 'Contact Form Editor' (ชื่อขี้เหร่อีกตามเคย) 

โมดูลนี้ได้ถูกดันแปลงมากจาก edtiorial จริงๆ แล้วใครที่พอจะมีความรู้ในการเขียน php ก็คงจะทำเองได้โดยไม่ยากนัก

แต่ไหนๆ ทำมาใช้เองแล้วก็เลยถือโอกาสแชร์ให้เพื่อนๆ ใช้งานกันบ้างค่ะ มาดูตัวอย่างภาพกันนิดดีกว่า

หลังร้านค่ะ


หน้าร้านค่ะ



แต่โมดูลนี้จะต้องมีการแก้ไขไฟล์ contact-form.php และ contact-form.tpl ด้วยนะคะ ดังนั้นถ้าโหลดไปลองใช้ กรุณาอ่านวิธีการแก้ไขและสำเนาเก็บไว้ก่อนเสมอนะคะ

ตามโหลดได้ที่เดิมนะคะ นึกไม่ออกดูที่ลายเซ็นต์ค่ะ

บ๊ายบาย

[hisocoyoty]

สวัสดีครับคุณ kennn วันนี้มีปัญหามาถามอีกละ 

เริ่มเลยดีกว่า ฮี่ๆๆ  ตามรูปนะครับ

1.อยากเปลี่ยนสีตัวหนังสือ ตรง "รายการสินค้า" (วงๆ สีแดง) กับ "สินค้าที่น่าสนใจ" (วงๆ สีเหลือง) ตรงไปแก้ตรงไหนครับ 

2.ถ้าผมต้องการทำให้ชื่อประเภทสินค้า (วงๆ สีน้ำเงิน) เป็นสีๆๆๆ ต่างๆ กันไป ประเภทหลักละสีๆ เงี๊ยะ หรือจะเป็น mouse over ก็ดีครับ ต้องไปแก้ไขตรงไหน 

3.ถ้าผมต้องการจะเอา  คำว่า "Featured Products "  (วงๆ สีเขียว) ออกจะต้องไปแก้ที่ตรงไหนครับ

รบกวนอีกนิดนึงครับ


บล๊อค Track & Trance ตรงรายละเอียดเพิ่มเติม ข้อความมันทับครับ แก้ไขยังไง 

สุดท้าย  ขอขอบคุณ คุณ kennn และทุกๆ ท่านที่นำของดีและคอยช่วยเหลือแก้ไขปัญหาให้ ตอนนี้เป็นรูปเป็นร่างขึ้นมาก และก็ประทับใจในความงานมอง PS มากเลยครับ ขอบคุณครับ ข้าน้อยขอโขกหัวคารวะ 3 โป้ก     

[assassins]

สวัสดีค่ะ วันนี้มีโมดูลมานำเสนอกันอีกแล้วจ้า

สำหรับเพื่อนๆ ที่ได้มีการแก้ไขเนื้อหาในหน้า contact form เช่น เพิ่มข้อความเกี่ยวกับที่อยู่ แผนที่ หรือข้อความอื่นๆ แต่เดิมต้องอาศัยความรู้เกี่ยวกับการ html บ้างเพื่อเข้าไปทำการ
แก้ไข ดูแล้วยุ่งยากใช่ไหมล่ะ

วันนี้เรามีตัวช่วยที่ทำการจัดการเนื้อหาดังกล่าวเป็นเรื่องที่ง่ายขึ้นด้วยโมดูล 'Contact Form Editor' (ชื่อขี้เหร่อีกตามเคย) 

โมดูลนี้ได้ถูกดันแปลงมากจาก edtiorial จริงๆ แล้วใครที่พอจะมีความรู้ในการเขียน php ก็คงจะทำเองได้โดยไม่ยากนัก

แต่ไหนๆ ทำมาใช้เองแล้วก็เลยถือโอกาสแชร์ให้เพื่อนๆ ใช้งานกันบ้างค่ะ มาดูตัวอย่างภาพกันนิดดีกว่า

หลังร้านค่ะ


หน้าร้านค่ะ



แต่โมดูลนี้จะต้องมีการแก้ไขไฟล์ contact-form.php และ contact-form.tpl ด้วยนะคะ ดังนั้นถ้าโหลดไปลองใช้ กรุณาอ่านวิธีการแก้ไขและสำเนาเก็บไว้ก่อนเสมอนะคะ

ตามโหลดได้ที่เดิมนะคะ นึกไม่ออกดูที่ลายเซ็นต์ค่ะ

บ๊ายบาย

ขอให้รวย นะครับ ขอรับไป กราบขอขอบพระคุณมา ณ โอกาสนี้

[nokaek]

ขอให้รวย นะครับ ขอรับไป กราบขอขอบพระคุณมา ณ โอกาสนี้

แค่มีคนสนใจนำไปใช้ก็ถือเป็นพระคุณแล้วค่า

[kennn]

ขอให้รวย นะครับ ขอรับไป กราบขอขอบพระคุณมา ณ โอกาสนี้

แค่มีคนสนใจนำไปใช้ก็ถือเป็นพระคุณแล้วค่า

ขอบคุณ คุณ nokaek มากๆครับ นำโมดูลตัวไหนมาแจกจ่ายผมก็ดีใจแล้วครับ อยากให้มีมาแจกเรื่อยๆเลยครับ ถ้าเป็นไปได้ช่วยตอบปัญหาช่วยผมที อิอิอิ



@hisocoyoty  เดี๋ยวพรุ่งนี้มาตอบให้นะครับ

[nokaek]

ขอบคุณ คุณ nokaek มากๆครับ นำโมดูลตัวไหนมาแจกจ่ายผมก็ดีใจแล้วครับ อยากให้มีมาแจกเรื่อยๆเลยครับ ถ้าเป็นไปได้ช่วยตอบปัญหาช่วยผมที อิอิอิ

บางคำถามก็อยากช่วยตอบหรอกนะ แต่ก็แอบด๋อยอยู่เหมือนกัน ฮ่า ฮ่า ฮ่า 

[assassins]

ขอบคุณ คุณ nokaek มากๆครับ นำโมดูลตัวไหนมาแจกจ่ายผมก็ดีใจแล้วครับ อยากให้มีมาแจกเรื่อยๆเลยครับ ถ้าเป็นไปได้ช่วยตอบปัญหาช่วยผมที อิอิอิ

บางคำถามก็อยากช่วยตอบหรอกนะ แต่ก็แอบด๋อยอยู่เหมือนกัน ฮ่า ฮ่า ฮ่า 

ตอบเหอะคุณ nokaek  ประโยชน์มากมาย  อย่างน้อยลูกแมวตาดำๆ แบบผม ก็ติดตามผลงานมาตลอด  อ้อ...อีกหลายคนด้วย ขอขอบคุณแทนทุกคนมา ณ โอกาสนี้ครับ

เชียร์อังกฤษต่อ ขณะกำลังโพสต์  เยอรมัน 2 - 1 อังกฤษ 

[hisocoyoty]

ขอบคุณ คุณ nokaek มากๆครับ นำโมดูลตัวไหนมาแจกจ่ายผมก็ดีใจแล้วครับ อยากให้มีมาแจกเรื่อยๆเลยครับ ถ้าเป็นไปได้ช่วยตอบปัญหาช่วยผมที อิอิอิ

บางคำถามก็อยากช่วยตอบหรอกนะ แต่ก็แอบด๋อยอยู่เหมือนกัน ฮ่า ฮ่า ฮ่า 

ตอบเหอะคุณ nokaek  ประโยชน์มากมาย  อย่างน้อยลูกแมวตาดำๆ แบบผม ก็ติดตามผลงานมาตลอด  อ้อ...อีกหลายคนด้วย ขอขอบคุณแทนทุกคนมา ณ โอกาสนี้ครับ

เชียร์อังกฤษต่อ ขณะกำลังโพสต์  เยอรมัน 2 - 1 อังกฤษ 

อ๊ากซ์  อังกฤษสู้ๆ (ทันไม๊เนี่ย)

[kennn]

แง่วว แอบเชียร์เยอรมันจะคนเดียวรึป่าวเนี่ยเรา 

[romeotu_2003]

ไม่หรอกครับ ผมก็ เยอรมัน เหมือนกันครับ..อิอิ

[ch0k]

คุณ kennn ปัญหาตอนใช้ โฮสนอก ไม่มีแล้วเรื่อง email เพราะเปลี่ยนมาใช้โฮสไทย ขอบคุณมาก ๆ ครับ

แต่ตอนนี้มีปัญหานิดหน่อย ตรง order slip พอเปลียนเป็นภาษาไทย แล้วมันหายไปครับตามรูป



ต้องแก้ตรงใหนครับ



ขอโทษทีครับ หายแล้ว งมอยู่ตั้งนาน 
พอแก้ที่ Modify translations มันก็หายครับ
(Tools > Translations > Modify translations >> เลือก แปลข้อความหน้าร้าน ) เผื่อคนที่ยังแก้ไม่ได้

[yadom]

ขอบคุณทุกๆท่านคร้าบบ

[mrdreamer]

+1 ให้คุณ nokaek ครับ

ขอบคุณมากๆ ครับสำหรับ โมดูล

ปล. 1.3.1  1.3.1  1.3.1  1.3.1  1.3.1  1.3.1  1.3.1  1.3.1  1.3.1  1.3.1  1.3.1   

555+++

[ch0k]

คุณ kennn ขออีกรอบครับ 

ถ้าจะเอา top menu ไว้ข้างบนแล้วเอา ไอ้พวกยินดีต้อนรับ ทั้งแถวไว้ข้างล่างต้องแก้ตรงใหนครับ คือผมไปเปลี่ยนที่ hook หล้งบ้านแล้ว css มันเหมือนกับควบคุมไม่ได้ครับ

[uptoday]

  ขอบคุณสำหรับความรุ้ใหม่ๆครับ เก็บเข้าคลังก่อน

[kennn]

คุณ kennn ขออีกรอบครับ 

ถ้าจะเอา top menu ไว้ข้างบนแล้วเอา ไอ้พวกยินดีต้อนรับ ทั้งแถวไว้ข้างล่างต้องแก้ตรงใหนครับ คือผมไปเปลี่ยนที่ hook หล้งบ้านแล้ว css มันเหมือนกับควบคุมไม่ได้ครับ

ตรงส่วน header เป็นส่วนที่ปรับแต่งตำแหน่งโมดูลไม่อิสระเท่าไหร่ครับ ยังไงลองแก้ไขไฟล์ blocktopmenu.tpl กับ header.tpl ดูก่อนนะครับ

โค้ดเดิม

        {if $MENU != ''}
        </div>
            <!-- Menu -->
        <div id="topmenu">
        <div id="menulinks">
          <ul>
            {$MENU}
          </ul>
          </div>
          </div>

            <!--/ Menu -->
        {/if}

แก้ไขเป็น

        {if $MENU != ''}
       
            <!-- Menu -->
        <div id="topmenu">
        <div id="menulinks">
          <ul>
            {$MENU}
          </ul>
          </div>
          </div>

         <!--/ Menu -->
        {/if}

ที่ไฟล์ header.tpl

<!-- Header -->
         <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>
            <div id="header_right">
               {$HOOK_TOP}
            <!--</div> -->
         </div>

แก้ไขเป็น

<!-- Header -->
         <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>
            <div id="header_right">
               {$HOOK_TOP}
            </div>
         </div>

ในส่วน header หากจะปรับเปลี่ยนตำแหน่งโมดูล ต้องมีการ edit tag div ในไฟล์ .tpl แต่ละโมดูลบางตัว และในไฟล์ header.tpl ในส่วน <!-- Header --> และอาจจำเป็นต้องเพิ่มหรือแก้ไข css ในตำแหน่งนั้นๆอีกทีครับ

[kennn]

สวัสดีครับคุณ kennn วันนี้มีปัญหามาถามอีกละ 

เริ่มเลยดีกว่า ฮี่ๆๆ  ตามรูปนะครับ

1.อยากเปลี่ยนสีตัวหนังสือ ตรง "รายการสินค้า" (วงๆ สีแดง) กับ "สินค้าที่น่าสนใจ" (วงๆ สีเหลือง) ตรงไปแก้ตรงไหนครับ 

2.ถ้าผมต้องการทำให้ชื่อประเภทสินค้า (วงๆ สีน้ำเงิน) เป็นสีๆๆๆ ต่างๆ กันไป ประเภทหลักละสีๆ เงี๊ยะ หรือจะเป็น mouse over ก็ดีครับ ต้องไปแก้ไขตรงไหน 

3.ถ้าผมต้องการจะเอา  คำว่า "Featured Products "  (วงๆ สีเขียว) ออกจะต้องไปแก้ที่ตรงไหนครับ

รบกวนอีกนิดนึงครับ

บล๊อค Track & Trance ตรงรายละเอียดเพิ่มเติม ข้อความมันทับครับ แก้ไขยังไง 

สุดท้าย  ขอขอบคุณ คุณ kennn และทุกๆ ท่านที่นำของดีและคอยช่วยเหลือแก้ไขปัญหาให้ ตอนนี้เป็นรูปเป็นร่างขึ้นมาก และก็ประทับใจในความงานมอง PS มากเลยครับ ขอบคุณครับ ข้าน้อยขอโขกหัวคารวะ 3 โป้ก     

1. เปลี่ยนสี, เปลี่ยนขนาด, เปลี่ยนรูปแบบตัวหนังสือ ส่วนนี้ต้องแก้ที่ไฟล์ global.css ครับ โดยหาโค้ดชุดนี้ครับ

div.block h4 {
   text-transform: uppercase;
   font-family: Helvetica, Sans-Serif;
   font-weight: bold;
   font-size: 12px;
   padding-left: 27px;
   padding-top:6px;
   line-height:1.3em;
   color: #787878;   /*เปลี่ยนสีตัวหนังสือ*/
   height: 22px;
   background: transparent url('../img/block_header.gif') no-repeat top left;
}

2. ตรงหมวดหมู่ถ้าจะให้สีตัวหนังสือต่างกันไปแต่ละหมวดคงต้องแก้ไขโค้ดในโมดูลอีกเยอะครับ เอาแค่สถานะ hover แล้วสีเปลี่ยนไปอีกนิดแล้วกันนะครับ ให้แก้ไขที่ไฟล์ global.css ครับ หาโค้ดตามนี้ครับ แล้วเพิ่มโค้ดนี้เข้าไป color:(โค้ดสีที่ต้องการ);

div#categories_block_left ul.tree a:hover{
   text-decoration:none;
}

3. ในวงสีเขียวจะเป็นส่วนของโมดูล slideproducts หรือยังไงเนี่ยละครับ จำไม่ค่อยได้เพราะไม่ค่อยได้ใช้ แต่ที่แน่ๆวิธีเอาออกก็คือไปที่ไฟล์ .tpl ในโฟลเดอร์มดูลตัวนั้นๆ จากนั้นให้เอาโค้ดที่แสดงข้อความ title ใน tag h1 หรือ h4 หรือ h5 ออกไปครับ

4. รอใช้ตัวใหม่เลยดีมัยครับ ใกล้คลอดเต็มทีแล้วครับ

[~SolariS~]

1.31 เพิ่งออก 1.4 alpha มาอีกแล้วครับ 

โค้ด เลือก ขยาย

http://www.prestashop.com/newsletters/redirect.php?id=41&link=http://www.prestashop.com/en/downloads/

คุณ kennn ครับ 1.31 ใกล้รึยังครับ อยากลองเล่นจังเลย 

[kennn]

1.31 เพิ่งออก 1.4 alpha มาอีกแล้วครับ 

โค้ด เลือก ขยาย

http://www.prestashop.com/newsletters/redirect.php?id=41&link=http://www.prestashop.com/en/downloads/

คุณ kennn ครับ 1.31 ใกล้รึยังครับ อยากลองเล่นจังเลย 

ออกมาเร็วอีกแล้ว ตัว 1.3.1 ไทยยังโมไม่เสร็จดีเลย 1.4 ออกมาอีกแล้ว แต่ก็ดีครับ ออกตัวแก้บักมาปลอดภัยดี คราวนี้ออกมาผมก็ไม่กลัวแล้วครับ เริ่มชินกับการ pack ตัว install ของ PS แล้ว

ตัว 1.3.1 ของทาง PS ดีตรงที่แก้ไขบักเพิ่มขึ้นมาเยอะครับ หน้าตาไม่ค่อยเปลี่ยนเท่าไหร่ ตัว 1.3.1 ไทยก็เหมือนกัน เพียงแต่ตัวที่ผมโมแจกจะติดตั้งการใช้งานหลายส่วนลงไปให้เลยครับ เช่น shipping, สกุลเงิน, โมดูลที่จำเป็น, แก้ไข SEO

ว่าแล้วเดี๋ยวต้องไปดูว่า 1.4 มีแก้ไขอะไรบ้าง

[Mr.Atom]

1.31 เพิ่งออก 1.4 alpha มาอีกแล้วครับ 

โค้ด เลือก ขยาย

http://www.prestashop.com/newsletters/redirect.php?id=41&link=http://www.prestashop.com/en/downloads/

คุณ kennn ครับ 1.31 ใกล้รึยังครับ อยากลองเล่นจังเลย 

ออกมาเร็วอีกแล้ว ตัว 1.3.1 ไทยยังโมไม่เสร็จดีเลย 1.4 ออกมาอีกแล้ว แต่ก็ดีครับ ออกตัวแก้บักมาปลอดภัยดี คราวนี้ออกมาผมก็ไม่กลัวแล้วครับ เริ่มชินกับการ pack ตัว install ของ PS แล้ว

ตัว 1.3.1 ของทาง PS ดีตรงที่แก้ไขบักเพิ่มขึ้นมาเยอะครับ หน้าตาไม่ค่อยเปลี่ยนเท่าไหร่ ตัว 1.3.1 ไทยก็เหมือนกัน เพียงแต่ตัวที่ผมโมแจกจะติดตั้งการใช้งานหลายส่วนลงไปให้เลยครับ เช่น shipping, สกุลเงิน, โมดูลที่จำเป็น, แก้ไข SEO

ว่าแล้วเดี๋ยวต้องไปดูว่า 1.4 มีแก้ไขอะไรบ้าง

แอบมารอ  ตัว 1.3.1 ครับ เป็นกำลังใจให้ครับ