Thêm position vào template joomla 3.x

Thảo luận trong 'Rao Vặt Miền Bắc' bắt đầu bởi springriver, 21/3/15.

  1. springriver

    springriver Thành Viên Mới

    Tham gia ngày:
    6/1/15
    Bài viết:
    64
    Đã được thích:
    0
    Điểm thành tích:
    6
    Để nhìn thấy các position của module trong template joomla 3.x, đăng nhập vào admin, chọn Extensions-> Template Manager-> Options-> Templates-> Preview Module Positions, chose Enabled. Sau đó ra ngoài front-end, thêm ?tp=1 vào cuối đường dẫn trang web của bạn, ví dụ: example/joomla_test?tp=1, bạn sẽ thấy position của template:

    [​IMG]

    Bây giờ ta sẽ tạo một module position cho template. joomla mobile template sử dụng protostar làm ví dụ

    Bước 1: Mở file templateDetails.xml tại đường dẫn: yoursite/joomla_test/templates/protostar/templateDetails.xml , tìm tới dòng 27 to 46:

    HTML:
    
    <positions>
    
            <position>banner</position>
    
            ...................................
    
            <position>footer</position>
    
    </positions>
    
    Thêm dòng code này vào giữa code bên trên:

    HTML:
    
    <position>new-position</position>
    
    Thay new-position bằng tên bạn muốn.

    Bước 2: Mở file index.php itại đường dẫn: yoursite/joomla_test/templates/protostar/index.php , thêm dòng này:

    HTML:
    
    <jdoc:include type="modules" name="new-position" style="none" />
    
    vào vùng mà bạn muốn đặt position, ví dụ tôi sẽ đặt vào vùng main-content

    HTML:
    
    <main id="content" role="main" class="<?php echo $span; ?>">
    <!-- Begin Content -->
    <jdoc:include type="modules" name="position-3" style="xhtml" />
    ........................
    <jdoc:include type="modules" name="position-2" style="none" />
    <jdoc:include type="modules" name="new-position" style="none" />//position create
    <!-- End Content --> </main>
    
    và thế là chúng ta đã tạo thành công một position mới
    [​IMG]
     
    Cảm ơn đã xem bài:

    Thêm position vào template joomla 3.x

    Đang tải...


Like và Share ủng hộ ITSEOVN