• Resolved mrb33600

    (@mrb33600)


    Hi,

    I’m working in localhost with xampp in order to get the shine effect like on the logo shown in the link. I can get this effect with suitable canvas property in themese other than oceanwp like wp 2016, 2017 and some others. In order to get that effect I need to load erlated js files. I did that, but canvas html did not load with oceanWP. van anyone help?

    related js files are jquery-1.7.min.js, jquery.pixelentity.shiner.min.js and preview.js.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author oceanwp

    (@oceanwp)

    Hello, I can only help if you have a problem with the default theme features not with customizations, sorry.
    And as I cannot see the site in live it would be even too complicated. But if the issue is because you have selected the canvas template, you just need to select the default template.

    Thread Starter mrb33600

    (@mrb33600)

    No, I selected default template. In order to get the shiner effect as seen in the link I gave there has to be a code in the header php file like: `<div class=”Logo”>
    <a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” title=”?zgün Bilgi E?itim Kurumlar?”>
    `<div class=”peShiner” style=”position: relative; padding: 0px; outline: 0px; width: 54px; height: 39px;”>
    <canvas width=”54″ height=”39″ style=”position: absolute; box-sizing: content-box”></canvas>
    ?zgün Bilgi E?itim Kurumlar?, E?itimde Ba?ar?, ?zgün, ?ss, ?ys, lys, lgs, yks, tks, teog, burs
    </div>

    </div>

    anf you need to load the js files in the functions.php file like:

    function peshiner_ob () {
    	wp_enqueue_script ('jquery-1.7.min', get_stylesheet_directory_uri () . '/js/jquery-1.7.min.js', array('jquery'));
    	
    	wp_enqueue_script ('peshiner_get', get_stylesheet_directory_uri () . '/js/jquery.pixelentity.shiner.min.js', array('jquery'));
    	
    	wp_enqueue_script ('peshiner_run', get_stylesheet_directory_uri () . '/js/preview.js', array('jquery') );
    }
    add_action( 'wp_enqueue_scripts', 'peshiner_ob' );
    

    and style logo div like:
    `.Logo {
    width: 100px;
    height: 80px;
    position: absolute;
    margin: 2px 0 0 8px;
    }

    What I want say is I can obtain the shine effect like shown in the web page I mentioned, in the themes other then oceanWP. Some thing in oceanWP prevents it. And I think it is about the canvas property because when inspect this issue with mozilla firefox and look the canvas section it says that “canvas error debugger could not find and requestAnimationFrame or setTimeout loop”. However when I did the same in the themes other than oceanWP no error message appears and canvas property loads the image.

    I can that there is no problem with coding I did, I checked it many times and it workes in the themes other than oceanWP.

    I dont want to use other theme because of that because I liked oceanWP theme. But I cannot find a solution to that unfortunately I will have to use other themes.

    Thanks in advance.

    Theme Author oceanwp

    (@oceanwp)

    Hi, if I cannot see the site, I would not be able to help. Put the site live, and create a pre-purchase ticket, I will ask you information to be able to help you.

    Thread Starter mrb33600

    (@mrb33600)

    OK, I found it. Lightbox.min.js and main.min.js files of the oceanWP theme prevents the js files which are required to get the shining effect. When I played with the codes of the theme in order not to load those scripts my desired effects occurs.

    Frr now, I dont know if disabling those scripts will affect any thing I want to arrange on the site. I will wait and see.

    Thanks for your responses.

    Thread Starter mrb33600

    (@mrb33600)

    Also loading the required scripts to get that effect after the conflicting scripts mentioned above solves the problem.

    Theme Author oceanwp

    (@oceanwp)

    Glad to hear that you find a solution ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘oceanWP canvas not loading’ is closed to new replies.