Magento Go Design Guide: Change Log

Thảo luận trong 'Quản lý sản phẩm, nhóm sản phẩm trong magento' bắt đầu bởi Thái Hòa, 2 Tháng ba 2013.

  1. Thái Hòa

    Thái Hòa Well-Known Member

    Block References and CSS Styles

    Bởi vì XML trang cập nhật bố trí không tham khảo CSS phong cách, một số của khối tài liệu tham khảo, chẳng hạn như những người ở trên cùng và dưới cùng của trang có thể mở rộng đến toàn bộ chiều rộng của màn hình vượt ra ngoài khu vực hoạt động của cửa hàng của bạn.

    1.png

    Bạn có thể mang lại cho họ liên kết với các bố trí trang bằng cách áp dụng một phong cách CSS đến nội dung trong khối CSS mà bạn muốn đặt. Mặt khác, bạn có thể tìm thấy cách sử dụng không gian, chẳng hạn như với "Store Demo Notice" chạy toàn bộ chiều rộng của màn hình.
    Nếu bạn gửi kèm theo nội dung của khối CMS phù hợp với <div> thẻ, và áp dụng một phong cách hiện có từ stylesheet styles.css của bạn, nội dung sẽ rơi vào sự liên kết với phần còn lại của cửa hàng. Các kết quả có thể khác nhau tùy theo chủ đề, vì vậy bạn sẽ phải thử nghiệm với các phong cách khác nhau để đạt được hiệu quả mà bạn muốn.
    Ví dụ, các định dạng mã sau nội dung của một khối CMS được đặt trong khu vực "Page Top" là cùng một chiều rộng là tiêu đề, chứ không phải là mở rộng cho toàn bộ chiều rộng của màn hình.
    Code to Wrap Block in CSS Style

    <div class="header">
    <!-- your content goes here -->
    </div>
  2. Thái Hòa

    Thái Hòa Well-Known Member

    Making XML Layout Updates

    Trước khi bạn bắt đầu làm việc với các bản cập nhật bố trí tùy chỉnh, nó là quan trọng để hiểu các trang của cửa hàng của bạn được xây dựng như thế nào, và sự khác biệt giữa cách bố trí các điều khoản và cập nhật bố trí. Thuật ngữ bố trí đề cập đến các thành phần hình ảnh và cấu trúc của trang. Tuy nhiên, thuật ngữ cập nhật bố trí đề cập đến một tập hợp cụ thể hướng dẫn XML xác định trang web được xây dựng như thế nào.
    Việc bố trí XML là một cây phân cấp của tất cả các khối hình ảnh, tạo nên trình bày trực quan của trang.Một số yếu tố xuất hiện trên mỗi trang, và những người khác chỉ xuất hiện trên các trang cụ thể. Nếu bạn có một kiến ​​thức cơ bản của XML và kinh nghiệm bằng cách sử dụng cộng đồng hoặc các phiên bản Enterprise của Magento, bạn có thể đã quen thuộc với khái niệm cho việc cập nhật bố trí và sử dụng tài liệu tham khảo khối. Để tìm hiểu thêm về cú pháp yêu cầu để được hướng dẫn XML, xem:
    Bạn có thể thấy khối được tham chiếu như thế nào bằng cách kiểm tra mã cập nhật bố trí cho trang chủ của bạn. Tùy thuộc vào các chủ đề, nó có thể chứa hướng dẫn để loại bỏ khối, khối unset, và thêm các khối bằng cách tham khảo các khu vực cụ thể của bố cục trang .
    1.png
    Layout Update XML for Home Page
    Trong nhiều trường hợp, cùng một kết quả có thể đạt được bằng cách nhập mã cập nhật bố trí trong XML, hoặc bằng cách sử dụng một ứng dụng lối vào.
    Khi sử dụng một ứng dụng lối vào để đặt một khối nội dung, nó chỉ đơn giản là vấn đề xác định các trang, và vị trí trên trang web, nơi bạn muốn khối xuất hiện.
    Ứng dụng lối vào có thể được áp dụng cho các trang chung của một cửa hàng Magento Go, bao gồm cả trang chủ của bạn, và tất cả các trang CMS như là một nhóm.
    Tuy nhiên, nếu bạn muốn để đặt một khối trong thanh bên của một trang CMS cụ thể, cập nhật bố trí phải được thực hiện với mã XML.
  3. Thái Hòa

    Thái Hòa Well-Known Member

    Placing a Block in a CMS Page Sidebar

    Bạn có thể sử dụng một cập nhật bố trí để đặt một khối phải hoặc sang trái thanh bên của một trang cụ thể của CMS. Với một vài thay đổi đơn giản để mã, bạn có thể xác định vị trí khối trong sidebar hoặc, và kiểm soát vị trí của nó trong mối quan hệ với các khối khác trong cột.
    To place a block in a sidebar:
    1. Từ bảng điều khiển quản trị, chọn CMS > Pages > Manage Content.
    2. Nhấn vào đây để mở trang CMS. Sau đó, Trang thông tin trong bảng điều khiển bên trái, chọn Design.
    3. Trong hộp Layout Update XML, nhập mã cho thanh bên phải hoặc trái, như thể hiện trong ví dụ.Thay đổi tên tài liệu tham khảo để xác định hoặc là “left” or “right” sidebar, và thay đổi block_id identifer khối được đặt.
      Code for CMS Block in Sidebar

      <reference name="right">
      <block type="cms/block" name="right.permanent.callout">
      <action method="setBlockId"> <block_id> của bạn khối </ block_id> </ action>
      < / block>
      </ tài liệu tham khảo>
    4. Khi hoàn tất, nhấn vào nút Save Page
    1.png
    Layout Update for Sidebar Block
  4. Thái Hòa

    Thái Hòa Well-Known Member

    Controlling Block Order

    Để kiểm soát thứ tự của khối trong một bản cập nhật bố trí XML, bao gồm một "trước khi" hoặc "tài sản" sau khi vị trí trong các mã. Kết quả là cơ bản giống như những gì bạn có thể đạt được bằng cách sử dụngLayout Editor để kéo được xây dựng trong các khối từ nơi này đến nơi khác trong một cột.
    Để đặt một khối hoặc trước, hoặc sau một khối cụ thể thay thế dấu gạch ngang với nhận dạng khối, như thể hiện trong các ví dụ sau đây:
    • before="-" đặt khối ở phía trên cùng của thanh bên, trước khi các khối khác.
    • after="-" đặt khối ở dưới cùng của thanh bên, sau khi các khối khác.
    Code for Positioning a CMS Block

    <block type="cms/block" before="-" name="left.permanent.callout">
    <block type="cms/block" before="some-other-block" name="left.permanent.callout">
    <block type="cms/block" after="-" name="left.permanent.callout">
    <block type="cms/block" after="some-other-block" name="left.permanent.callout">

Chia sẻ trang này