hỏi cách chèn image scrip vào title sản phẩm

Thảo luận trong 'Thực hành Magento' bắt đầu bởi rongvanggroup.vn, 7 Tháng mười một 2013.

  1. rongvanggroup.vn

    rongvanggroup.vn New Member

    Mình muốn chèn image scrip cho tiêu đề những sản phẩm mới của cty thì làm cách nào vậy ah? Mong admin, các bác, các anh chỉ dùm em. Sếp em cứ bắt em làm mà ...hixx :( , cám ơn nhìu nhìu.
    title new.jpg

    Bài viết khác cùng chuyên mục:

  2. admin

    admin Mai Văn Hải Staff Member

    bạn có thể nói rõ yêu cầu hơn hay không?
  3. rongvanggroupvn

    rongvanggroupvn New Member

    mình muốn chèn chữ " NEW " nằm ở cuối tiêu đề " camera quan sát hd-sdi avir-hdt4124f" ......mong admin giúp dùm ah :)...thanks nhìu nhìu
  4. kennichi89

    kennichi89 Member

    Hi rongvanggroupvn,
    Việc này đơn giản thôi, bạn có thể tạo ra 1 attribute 'new_product' để kiểu yes/no. Sau đó, trong trang list của bạn, bạn sẽ check xem sản phẩm có attribute 'new_product' có value là yes hay no thì bạn sẽ cho hiển thị ra cái ảnh "New" của bạn :-D.
    Nếu ko làm được thì cm lại nhé, mình sẽ giúp bạn.
  5. rongvanggroupvn

    rongvanggroupvn New Member

    cám ơn bạn kennichi89, mình làm giống như bạn nói nhưng cũng ko có show ra được image " new" phía sau tiêu đề á ...hức hức
    Image " new" do mình ko bít chèn lên tiêu đề nên chỉ có thể chèn trong nội dung.....mình nghĩ chăc phải dùng code mà hok bít code chỗ nào...éc éc 1.jpg
  6. kennichi89

    kennichi89 Member

    Hi rongvanggroupvn,
    Đây là site của bạn phải ko: http://www.rongvanggroup.vn
    và bạn muốn thêm cái ảnh 'New' ở sau tên sản phẩm trên trang category phải ko? Như trang này chẳng hạn: http://www.rongvanggroup.vn/camera-quan-sat/camera-hd-sdi.html
    Nếu đúng như mình nói thì bạn hãy tìm đến thư mục app/design/frontend/rongvanggroup/red/ để tìm file cần sửa nhé. Trong này chứa rất nhiều file dùng cho theme rongvanggroup của bạn. Nếu là Magento default thì để sửa cấu trúc trang category ta sẽ phải vào file list.phtml để chỉnh sửa, nhưng mình ko biết là người làm ra trang web rongvanggroup có giữ nguyên tên file là list.phtml hay là đổi sang tên khác ko nữa. Bạn cứ tìm thử xem có file list.phtml ko nhé. Nếu có nó sẽ ở trong thư mục này: app/design/frontend/rongvanggroup/red/template/catalog/product/list.phtml.
    Sau đó bạn tìm đến thẻ div: <div class="product-image"> và thêm đoạn code này vào trước thẻ div đó nhé:
    Mã:
    <?php if($_product->getData('new_product')):?>
                        <img src="http://www.animatedgif.net/new/new6__e0.gif" alt="New PRoduct" title="New Product" style="margin-top: -23px; float: right; margin-right: 0px;">
                    <?php endif;?>
    Bạn cần tạo 1 attribute là 'new_product' có các thuộc tính sau:
    - attribute_code: new_product (bạn có thể sửa theo ý bạn cũng đc nhưng bạn sẽ phải sửa cả trong phần getData('new_product') cho giống nữa)
    - Scope: Global
    - Input Type: Yes/No
    - Visible on Product View Page on Front-end: Yes
    - Used in Product Listing: Yes
    Nếu bạn chưa biết cách add attribute cho 1 sản phẩm hay nhóm các sp thì cm lại nhé, mình sẽ giúp bạn.
    Đoạn code của mình chỉ là check xem sản phẩm hiện có attribute là 'new_product' hay ko và nếu có thì có để là yes hay ko để hiển thị ra cái ảnh http://www.animatedgif.net/new/new6__e0.gif (ảnh này mình lấy trên site của bạn, nếu bạn muốn thay ảnh khác thì để link vào đây nhé :D). Trong thẻ ảnh đó mình có đặt 1 chút style cho nó. Nhưng mình ko biết style nhiều nên ko đc đẹp lắm :-D. nếu cái tên của sản phẩm mà dài quá thì nó sẽ bị cái ảnh 'New' đè lên đấy ^^. Nếu bạn muốn sp nào cũng hiện ra ảnh 'New' thì cứ bỏ 2 dòng này đi nhé <?php if($_product->getData('new_product')):?> và <?php endif;?>
    Trước khi sửa file list.phtml bạn nhớ backup lại nhé, đề phòng nó bị hỏng thì còn sửa nhanh đc :p

    Các file đính kèm:

    trinhluu thích bài này.

Chia sẻ trang này