2018-01-28 12:08
浏览 108

如何在整页加载(javascript)后加载OpenCart 3中每个页面的内容?

I would appreciate it if someone can point me into the right direction on this issue.

I'm trying to optimize page load speed of my OpenCart project. To do this I want to load the content of each page (product/category , product/search, ...) after javascript onload like this in header.twig:

window.onload = function() {
    console.log('page loaded');

    $.post( window.location.href, { loaded: true })
        .done(function( data ) {
            alert( "Data Loaded: ");

In php side I tried such a code but it's not successful at all.

if (isset($this->request->get['manufacturer_id']) && isset($_POST['loaded'])) {

If I want to use callback the problem is pages are different. I don't know how to manage all pages.

图片转代码服务由CSDN问答提供 功能建议


我正在尝试优化OpenCart项目的页面加载速度。 为此,我想在header.twig中加载javascript onload之后加载每个页面的内容( product / category product / search ,...): /p>

window.onload = function(){
 console.log('page loaded'); 
 $ .post(window.location.href,{loaded:  true})
 alert(“Data Loaded:”); 

In php方面我尝试过这样的代码,但它根本没有成功。

  if(isset($ this-> request-> get ['manufacturer_id'])&& isset($ _ POST ['loaded'])){  

如果我想使用回调,则问题是页面不同。 我不知道如何管理所有页面。

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • douchang6770 2018-01-29 12:09


    To fix the issue I removed all window.onload = function()s from header, footer, etc. Instead, I added it to common/home, product/search, etc, and it works fine.

    window.onload = function() {
    var productClass = 'product-layout product-full col-lg-3 col-md-4 col-sm-6 col-xs-12';
    $('#moreHolder').css("display", "block");
    $.post('index.php?route=product/productx', { class: productClass },
    function(data) {
    .always(function() {
        $('#moreHolder').css("display", "none");

    I also added swiper related style and javascript on each page's first load, checking it by the number of products/limit = page to not have duplicates:

    {% if products %} 
    {% if page <= 1 %} 
    <link href="catalog/view/javascript/jquery/swiper/css/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="catalog/view/javascript/jquery/swiper/css/opencart.css" rel="stylesheet" type="text/css">
    <script src="catalog/view/javascript/jquery/swiper/js/swiper.jquery.js" type="text/javascript"></script>
    {% endif %} 
    {% for product in products %}
    点赞 打赏 评论

相关推荐 更多相似问题