Hỏi cách chèn 1 banner ngay dưới top menu

Thảo luận trong 'Hướng dẫn làm template' bắt đầu bởi trang79, 10 Tháng bảy 2012.

  1. trang79

    trang79 New Member

    Mình muốn có 1 banner ngay dưới top menu ở tất cả các trang.
    Mình đã tạo 1 block và 1 widget.
    Trong file page.xml của thư mục layout, mình cũng đã khai báo như sau:
    Mã:
    <block type="page/html" name="top-banner" template="page/2columns-left.phtml">
    				<label>Top banner</label>
    			</block>
    
    ngay dưới đoạn code sau:
    Mã:
    <block type="page/html_header" name="header" as="header">
                    <block type="core/text_list" name="top.menu" as="topMenu"/>
                    <block type="page/switch" name="store_language" as="store_language" template="page/switch/languages.phtml"/>
                    <block type="page/template_links" name="top.links" as="topLinks"/>
                    <block type="page/html_wrapper" name="top.bar" as="topBar" translate="label">
                        <action method="setElementClass"><value>top-bar</value></action>
                        
                    </block>
                    <block type="page/html_wrapper" name="top.container" as="topContainer" translate="label">
                        <label>Page Header</label>
                        <action method="setElementClass"><value>top-container</value></action>
                    </block>
                </block>
    
    Vậy không biết mình đã sai hay thiếu những gì? Mong được hướng dẫn. Cám ơn nhiều
  2. tuanlv115

    tuanlv115 New Member

    <block type="page/html" name="top-banner" template="page/2columns-left.phtml">
    <label>Top banner</label>
    </block>

    phần này bạn đặt sai rồi . Không biết bạn dùng phiên phản magento bao nhiêu . 1.6 , 1.7.

    template="page/2columns-left.phtml" cái này là định nghĩa cho toàn trang nhé bạn . Bạn chưa khai báo block cho trang banner .
    Mà chỉ có mỗi cái label thôi
  3. demon3000

    demon3000 Guest

    dùng CSS cho nhanh không phải mò bạn!
    mở "header.phtml" trong đường dẫn: magento\app\design\frontend\Tên folder skin bạn đang dùng\modern\template\page\html\header.phtml
    , thêm vào
    Mã:
    <div class="banner"></div>
    vào trong header.phtml nơi nào bạn thấy hợp lí nhất thì để vào.

    Mở "custom.css" hoặc "styles.css" rồi định nghĩa 1 class mới mang tên banner
    2 file này thường có đường dẫn: magento\skin\frontend\default\tên skin của bạn\css\styles.css hay custom.css

    sau đó định nghĩa class banner trong file css là ok!
    như thuộc tính background, margin, position, width, height, float,.....
    css đơn giản của mình đây:
    Mã:
    .banner {width:572px; height: 84px; background: #fff url(đường dẫn banner) norepeat; float:left; margin-top:3px; margin-left:10px;}

Chia sẻ trang này