Template Errors: PAGE_CONTAINER

  1. htmlspecialchars() expects parameter 1 to be string, array given in /var/www/nopviet/library/XenForo/Template/Abstract.php(279) : eval()'d code, line 2338:
    2337: {
    2338: $__compilerVar175 .= '<a href="' . htmlspecialchars($xenOptions['privacyPolicyUrl'], ENT_QUOTES, 'UTF-8') . '">' . 'Privacy Policy' . '</a>';
    2339: }
    

Dùng jqZoom tạo zoom hình ảnh sản phẩm

Thảo luận trong 'Tùy chỉnh giao diện' bắt đầu bởi An Nguyen, 14/10/14.

  1. An Nguyen

    An Nguyen bụi Staff Member

    Bài viết:
    420
    Điểm:
    28
    Nơi ở:
    Biên Hòa
    Trang chủ:
    Mình sẽ hướng dẫn áp dụng jqZoom của: http://www.myjqueryplugins.com/jquery-plugin/jqzoom vào nopCommerce 3.4.

    Demo: http://www.mind-projects.it/projects/jqzoom/demos.php#demo1

    Bước 1: Chuẩn bị
    - Tải jqZoom và giải nén các thư mục css, images và js vào thư mục Themes\DefaultClean\jqzoom

    - Copy file _Root.Head.cshtml trong thư mục Views\Shared vào thư mục Themes\DefaultClean\Views\Shared

    - Mở file _Root.Head.cshtml, tìm đoạn code
    Mã:
    //resources
    Thêm vào bên dưới
    Mã:
     Html.AddScriptParts("~/Themes/DefaultClean/jqzoom/js/jquery.jqzoom-core.js");
    Html.AddCssFileParts("~/Themes/DefaultClean/jqzoom/css/jquery.jqzoom.css");
    Bước 2: tiến hành sửa
    -Copy file _ProductDetailsPictures.cshtml trong thư mục Views\Product vào thư mục Themes\DefaultClean\Views\Product

    - Mở file _ProductDetailsPictures.cshtml và tìm đoạn code:
    PHP:
    <a href="@Model.DefaultPictureModel.FullSizeImageUrl" title="@Model.Name" id="main-product-img-lightbox-anchor-@Model.Id">
    <
    img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" itemprop="image" id="main-product-img-@Model.Id" />
    </
    a>
    thay bằng:
    PHP:
    <a href="@Model.DefaultPictureModel.FullSizeImageUrl" class="jqzoom" title="@Model.Name" id="main-product-img-lightbox-anchor-@Model.Id">
    <
    img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" itemprop="image" id="main-product-img-@Model.Id" >
    </
    a>

    <
    script type="text/javascript">
    $(
    document).ready(function() {
    /* simple call */
    $('.jqzoom').jqzoom();
    /* more complex call*/
    var options = {
    zoomType'standard',
    lens:true,
    preloadImagestrue,
    alwaysOn:false,
    zoomWidth300,
    zoomHeight250,
    xOffset:90,
    yOffset:30,
    position:'left'
    //...MORE OPTIONS
      
    };
      $(
    '.jqzoom').jqzoom(options);
    });
    </
    script>
    Bước 3: Thiết lập cài đặt
    Vào Admin > Configuration > Settings > All Settings (advanced)

    Tìm Setting Name defaultpicturezoomenabled

    Thay đổi Value: False => True

    Lưu ý: nên sử dụng các ảnh lớn để khi zoom được đẹp và chi tiết.
    Screenshot (4).png
    Đã xong. Chúc các bạn thành công!
     

    Các file đính kèm:

    Sửa lần cuối: 17/2/16
    Tags:
    Khánhhunter thích bài này.
    Đang tải...


  2. hunter

    hunter NopMember

    Bài viết:
    16
    Điểm:
    3
    cho mình hỏi là nếu dùng theme khác thì phải cho vào thư mục theme đấy đúng ko
     
  3. An Nguyen

    An Nguyen bụi Staff Member

    Bài viết:
    420
    Điểm:
    28
    Nơi ở:
    Biên Hòa
    Trang chủ:
    đúng rồi, thay DefaultClean bằng tên thư mục theme của bạn
     
    hunter thích bài này.
  4. hunter

    hunter NopMember

    Bài viết:
    16
    Điểm:
    3
    sao trong setting của mình ko thấy phần "defaultpicturezoomenabled" nhỉ mà mình thêm chuỗi này vào thủ công thấy hình ảnh vẫn không thay đổi gì cả
     
  5. An Nguyen

    An Nguyen bụi Staff Member

    Bài viết:
    420
    Điểm:
    28
    Nơi ở:
    Biên Hòa
    Trang chủ:
    bạn xài phiên bản nop bao nhiêu
     
  6. hunter

    hunter NopMember

    Bài viết:
    16
    Điểm:
    3
    mình dùng 3.4 mà
     
  7. An Nguyen

    An Nguyen bụi Staff Member

    Bài viết:
    420
    Điểm:
    28
    Nơi ở:
    Biên Hòa
    Trang chủ:
    Đây nhé, mình tìm có mà
    Screenshot (17).png
     
    hunter thích bài này.
  8. hunter

    hunter NopMember

    Bài viết:
    16
    Điểm:
    3
    uh thanks cậu mình tìm mỗi từ defaultpicturezoomenabled thảo nào ko thấy
     
  9. Khánh

    Khánh NopNew

    Bài viết:
    1
    Điểm:
    1
    Cho mình hỏi tại sao khi mình zoom vào hình sản phẩm thì nó lại hiện nguyên cái hình ra chứ không zoom từng phần lên.
     
Draft saved Draft deleted
Tags:

Chia sẻ trang này

Đang tải...