สวัสดีค่ะ
อยากรบกวนถามเพื่อนๆในบอร์ดว่า
จะ Add "footer link เพิ่มยังไงคะ"
เพราะเดิมมันก็มีพวก " สินค้าขายดี" "สินค้าใหม่"
แล้วก็พวกลิงค์ CMS น่ะค่ะ
แต่เราอยากจะแอดลิงค์ แจ้งชำระเงินน่ะค่ะ
(เราแอด โมดูล footer link ไว้ที่ right column นะคะ แฮะๆ ธีมแปลกสินะ)
ไม่ทราบว่าจะแอดยังไงคะ
( ลง โมดูล แล้ว url คือ
http://www.kradum.com/modules/paidinform/payment-form.php 
)
นี่น่ะค่ะ
http://www.kradum.com ------
แล้วก็ .. อยากทำว่า
จะเพิ่มจำนวนตัวอักษร ของ Featured Products ในหน้าแรกยังไงหรอคะ
เพราะว่า พอไปแก้ ใน product-list.tpl ตามที่ท่าน kenn บอกแล้ว
มันแก้ได้เฉพาะ ส่วน แสดงสินค้าอื่นๆ ( สินค้าใหม่ หรือถ้าเปิดเข้าไปดูใน categories โดยตรง อะไรพวกนี้ )
แต่ ช่องสินค้า featured(สินค้าแนะนำ) มันไม่เป็นแปลงเลยค่ะ
T.T
( ดูภาพประกอบได้ที่หน้าเว็บเลยค่ะ )
อันนี้ คือแก้แล้ว ... มันก็ขึ้นตามที่ต้องการค่ะ
แต่มันยังเหลือ
ขอเพิ่มอีกหนึ่งคำถามนะคะ
คือว่า ... เมื่อกี้เราไปทำอะไรไม่รู้
แต่...
มันขึ้นมาแบบนี้ค่ะ
เป็นลิงค์สินค้าไม่มีระเบียบ ToT
การเพิ่มหรือโมดิฟาย Footer ส่วนใหญ่แล้วก็ต้องแก้ไขไฟล์ themes/ธีมที่ใช้/footer.tpl หรือแก้ไขที่โมดูล blockvariouslinks ในไฟล์ .tpl ครับ เพิ่มลิงค์ในรูปแบบ Html เข้าไปเลยครับ
Featured Products กับ product-list.tpl มันคนละส่วนครับ Featured Products เป็นโมดูลที่มีชื่อโฟลเดอร์ว่า homefeatured และอยู่ในโฟลเดอร์ /modules/ ส่วน product-list.tpl ไม่ใช่ไฟล์โมดูลเป็นไฟล์หลักของเว็บใช้ในการแสดงลิสสินค้าอีกแบบ หากเราต้องการแก้ไขส่วนที่เป็นปัญหา เราต้องพิจารณาดูก่อนครับว่า มันคือโมดูลหรือไฟล์หลักของเว็บ ถ้าเราจะแก้ไข Featured Products เราก็ไปที่ modules/homefeature/ แล้วก็แก้ไข Html ในไฟล์ .tpl ครับ(
ระวังเรื่องตัวแปรภายในด้วยนะครับ อย่าเผลอลบตัวแปรออก)
จากที่ดูภาพประกอบ คุณ memepop คงจะแก้ไขไฟล์ product-list.tpl และคงนำตัวแปรในการวนลูปออกหรือไม่ได้เพิ่มสคริปในการตัดสินค้าเพื่อขึ้นแถวใหม่เข้าไป ทำให้การแสดงผลออกมาเรียงเป็นแถวอยู่ในแนวเดียวกัน(ลองใส่สินค้าเพิ่มจะเห็นผลที่ออกมาคือ สินค้าเรียงไปทางขวาในแถวเดียวกันหมด) ซึ่งของเดิมก็ทำไว้แค่ 1 แถวต่อ 1 สินค้า
การแก้ไข ผมขอเริ่มที่ Featured Products ก่อนแล้วกันครับ หากต้องการแก้ไขชื่อให้สั่นหรือยาวเต็มชื่อ ให้โหลดตัว PS NEW THEME ที่หน้าแรกของกระทู้นี้ แล้วเข้าไปเอาโมดูลที่ชื่อว่า homefeatured มาใส่เข้าไปแทนที่ homefeatured ตัวเก่าครับ(uninstall ตัวเก่าที่ backoffice ออกก่อนด้วยครับ) เหตุผลที่ให้นำ homefeatured จากตัว PS NEW THEME มาใช้ก็เพราะว่ามันสามารถกำหนดความยาวของข้อความได้ สามารถกำหนดจำนวนการแสดงสินค้าได้ และสามารถสั่งให้แสดงหรือไม่แสดง รูปภาพ,เนื้อหาสินค้า,ราคา,ปุ่ม ได้ครับ
เมื่อนำมาใช้และ install แล้ว ก็ให้เข้าไป ->configure(โมดูลจะมีชื่อว่า Featured Products on the homepage อย่ในส่วน Home) ให้ทำการใส่ค่าตัวเลขที่หัวข้อ Limit of title name หากต้องการให้ชื่อหัวข้อยาวเต็ม ก็ใส่ค่าตัวเลขไปสัก 255 ก็พอมั้งครับ และหากไม่ต้องการให้ชื่อหัวข้อมี
... ก็ให้ไปแก้ไขที่ไฟล์ modules/homefeatured/homefeatured.tpl หาบรรทัดนี้แล้วเอา
... ออกครับ
<h5><a href="{$product.link}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:$limitname:'...'|escape:'htmlall':'UTF-8'}</a></h5>
ในส่วนเนื้อหาสินค้าก็ทำเหมือนกันครับ ถ้าต้องการเอาออก
{if $displaydesc}
<p class="product_desc"><a href="{$product.link}" title="{l s='More' mod='homefeatured'}">{$product.description_short|strip_tags|truncate:$limitSdescription:'...'}</a></p>
{/if}
หมายเหตุ ในส่วนของหัวข้อสินค้า เราควรใส่ข้อความที่ตรงกับชื่อสินค้า ดีกว่าใส่แค่รหัสสินค้าครับ มีผลกับ SEO มากๆครับ
ส่วนของหน้า product-list.tpl ต้องมีการเพิ่มตัวแปรเข้าไปในการกำหนดจำนวนสินค้าต่อแถวครับ(ดูไฟล์ modules/homefeatured/homefeatured.tpl เป็นตัวอย่าง) แล้วก็แก้ไข CSS ครับ ผมมีตัวอย่างโค้ดในไฟล์ product-list.tpl ที่แก้ไขแบบง่ายๆแล้วมาให้ดูครับ การแสดงผลจะเหมือน Feature Product ครับ
{if isset($products)}
<div id="featured-products_block_center" class="block products_block">
<div class="block_content">
<!-- Products list -->
{assign var='liHeight' value=342}
{assign var='nbItemsPerLine' value=2}
{assign var='nbLi' value=$products|@count}
{assign var='nbLines' value=$nbLi/$nbItemsPerLine|ceil}
{assign var='ulHeight' value=$nbLines*$liHeight}
<ul style="height:{$ulHeight}px;" class="clear">
{foreach from=$products item=product name=products}
<li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{else}item{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1}clear{/if} {if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - ($smarty.foreach.products.total % $nbItemsPerLine))}last_line{/if}">
<div class="center_block">
<h5>{if $product.new == 1}<span class="new">{l s='new'}</span>{/if}<a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.legend|escape:'htmlall':'UTF-8'}">{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}</a></h5>
<p class="product_desc"><a href="{$product.link|escape:'htmlall':'UTF-8'}">{$product.description_short|strip_tags:'UTF-8'|truncate:55:'...'}</a></p>
<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" /></a>
<!--<span class="availability">{if ($product.allow_oosp OR $product.quantity > 0)}{l s='Available'}{else}{l s='Out of stock'}{/if}</span> -->
</div>
<div class="right_block">
<!--{if $product.on_sale}
<span class="on_sale">{l s='On sale!'}</span>
{elseif ($product.reduction_price != 0 || $product.reduction_percent != 0) && ($product.reduction_from == $product.reduction_to OR ($smarty.now|date_format:'%Y-%m-%d' <= $product.reduction_to && $smarty.now|date_format:'%Y-%m-%d' >= $product.reduction_from))}
<span class="discount">{l s='Price lowered!'}</span>
{/if} -->
{if !$priceDisplay || $priceDisplay == 2}<div><span class="price" style="display: inline;">{convertPrice price=$product.price}</span>{if $priceDisplay == 2} {l s='+Tx'}{/if}</div>{/if}
{if $priceDisplay}<div><span class="price" style="display: inline;">{convertPrice price=$product.price_tax_exc}</span>{if $priceDisplay == 2} {l s='-Tx'}{/if}</div>{/if}
{if ($product.allow_oosp OR $product.quantity > 0) && $product.customizable != 2}
<a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$base_dir}cart.php?add&id_product={$product.id_product|intval}&token={$static_token}">{l s='Add to cart'}</a>
{else}
<span class="exclusive">{l s='Add to cart'}</span>
{/if}
<a class="button" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a>
</div>
<br class="clear"/>
</li>
{/foreach}
</ul>
</div>
<!-- /Products list -->
</div>
{/if}
เลข 2 ที่ไฮไลท์สีแดงไว้ หมายถึง จำนวนสินค้า 2 รายการต่อแถวครับ หากต้องการเพิ่มเป็น 3,4 ... ก็ใส่เลขที่ต้องการเข้าไป จากนั้นก็ไปปรับ CSS ที่ไฟล์ themes/ธีมที่ใช้/css/global.css หาโค้ดตามนี้ครับ แล้วดูชื่อ class ที่จะแก้จากไฟล์ Products-list.tpl เพิ่มเติมครับ
#center_column .products_block ul li {
หรือ ctrl+F(ค้นหาแบบ ALL ในไฟล์ global.css) ค้นหา class
.products_block แล้วค่อยๆไล่แก้ไขให้ได้รูปแบบตามต้องการครับ พยายามเช็คหน้าอื่นๆด้วยนะครับ เผื่อไปแก้ส่วนที่ไม่เกี่ยวข้อง ยังไงก็ลองไปปรับใช้เพิ่มเติมนะครับ
พัฒนาเว็บไซต์
