Above and Beyond Support

  • Resolved ma3ry

    (@ma3ry)


    10 years, 5 months ago

    This question goes a way above and beyond regular support so if you don’t want to answer I quite understand and appreciate that you took the time to even read my request.

    I am so impressed with your theme and addons that I would like to convert all of my websites. Some of my websites have been built from scratch, some are Joomla and some are WordPress (other themes).

    Specifically, one of my websites has an animated banner that I spent many hours creating, and then I called on help to put it into the Joomla site. I would love to be able to include it on my new GeneratePress site. You can see the (fish) banner at https://gaychristians.ca/

    These are the instructions for adding it to the Joomla site:

    The “fish folder” contains all the individual pics for the animation.

    Put “index.php” in templates/ca_cloudbase2_j25
    Put “fish” folder in templates/ca_cloudbase2_j25/images
    Put “fish.js” in templates/ca_cloudbase2_j25/js
    Put “fish.css in templates/ca_cloudbase2_j25/css

    Create new HTML Module named “fish” – show title, position “navigation”, status “Published”. Toggle Editor to HTML

    <p>

    <canvas id=”myCanvas” width=”924″ height=”130″></canvas>

    </p>

    Is this something that anyone could help me with?
    Many thanks! OK if not possible. ??

Viewing 13 replies - 1 through 13 (of 13 total)
  • Thread Starter ma3ry

    (@ma3ry)

    Addendum: I have put the fish folder in the images of generatepress theme, the fish.js in the js folder of generatepress theme and the fish.css in the css folder of generatepress theme but now I run into a problem with the index.php file. The Joomla index.php file includes the following code (I changed “gantry” to “generatepress”):

    <head>
    <?php

    $generatepress->displayHead();
    $generatepress->addStyles(array(‘template.css’,’joomla.css’,’style.css’,’typography.css’));
    ?>
    <link href=”//fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold,bolditalic” rel=”stylesheet” type=”text/css” />
    <link href=”templates/generatepress/css/fish.css” rel=”stylesheet” type=”text/css” />
    </head>

    (lots of code between the end head tag and this)

    <script src=”templates/generatepress/js/fish.js” type=”text/javascript”></script>

    Does this mean anything to you?

    Thanks again for even looking.

    Theme Author Tom

    (@edge22)

    Hi Mary – just letting you know I’ll be happy to help – just need to put a little time aside to thoroughly go through this. Will try to get through it today.

    Thanks!

    Thread Starter ma3ry

    (@ma3ry)

    Bless your dear heart Tom! Thank you sooooooo much!!!!

    Theme Author Tom

    (@edge22)

    Hi Mary,

    Ok, so first – make sure you’re placing those files in a child theme. If you place them in the “generatepress” folder, they will be deleted when you update the theme.

    There’s a link to download our blank child theme at the bottom of this article: https://www.generatepress.com/knowledgebase/child-theme-working/

    If the js/css folders don’t exist, you can create the folders.

    Then, add those files as you explained above.

    Ok – so that part is done.

    Now, in GP Hooks:

    Inside of wp_head:

    <link href="https://yourURL.com/wp-content/themes/generatepress_child/css/fish.css" rel="stylesheet" type="text/css" />

    Inside of wp_footer:

    <script src="https://yourURL.com/wp-content/themes/generatepress_child/js/fish.js" type="text/javascript"></script>

    Now, add this in GP Hooks wherever you want it show up:

    <canvas id="myCanvas" width="924" height="130"></canvas>

    No guarantees this will work – but this should get you closer.

    Thread Starter ma3ry

    (@ma3ry)

    OMG you are so helpful! Thank you so much!!!! Even just showing me the child theme has been a huge help, even if nothing else works – which incidentally, it doesn’t. LOL

    I have a nice purple bar across the top where it should be but alas, no fish. ;-(

    Thread Starter ma3ry

    (@ma3ry)

    Any other ideas? ??

    Theme Author Tom

    (@edge22)

    Hmm, it’s really hard to tell.

    I don’t have a lot of experience using canvas, and without knowing how it was originally set up, it’s almost impossible to debug.

    Are you sure the path to the fish images is correct? They may be called in the CSS? Or JS?

    If all of the paths are correct, it should work. So my guess is something is off with the structure somewhere.

    Thread Starter ma3ry

    (@ma3ry)

    I will double check everything. Thank you.

    Thread Starter ma3ry

    (@ma3ry)

    I am still not having any luck and am wondering if there might be a problem with any of my URLs as you suggested. Can you please check them.

    fish.css is:
    background-image: url(wp-content/themes/generatepress_child/images/fish/bg.png);

    fish.js urls go to (example)
    fish1.src = ‘wp-content/themes/generatepress_child/images/fish/fish1.png’;

    In GP Hooks wp-head I have
    <link href=”wp-content/themes/generatepress_child/css/fish.css” rel=”stylesheet” type=”text/css” />

    wp-footer is
    <script src=”cg-content/themes/generatepress_child/js/fish.js” type=”text/javascript”></script>

    After Header Content is
    <p>

    <canvas id=”myCanvas” width=”924″ height=”130″></canvas>

    </p>

    Have tried ticking and leaving unticked Execute PHP

    I feel like I am so close but just not quite there. Thanks again for all your help.

    Theme Author Tom

    (@edge22)

    Hi Mary,

    Instead of having them start with “wp-content” (one starts with cg-content) – have the full URL in there. So: https://yoururl.com/wp-content/themes…&#8230;

    Thread Starter ma3ry

    (@ma3ry)

    Sorry, I forgot to say that I started with the full url as you instructed originally. When it didn’t work, I tried removing the main part of the url, which also didn’t work.

    I have put it back in and still no success.

    The “cg-content” is what my actual content folder is called. I changed it to wp-content for the purpose of posting the url here.

    Anything else I can try?

    Do I need the box ticked for Execute PHP?

    Theme Author Tom

    (@edge22)

    Executing PHP shouldn’t do anything, as there’s no PHP involved.

    I’m afraid I’m all out of ideas. I’m assuming you didn’t create the canvas in the first place? Maybe check with the original developer?

    Going to mark this as resolved for now as it’s not theme related, but if you need more help you can always reach me at [email protected].

    Thanks!

    Thread Starter ma3ry

    (@ma3ry)

    You are quite correct. I did not do the canvas part of it. I hired a coder from England through Freelancer. I doubt I can find him but I’ll give it a try.

    Thank you so much for truly going above and beyond! Much appreciated!!!!!

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Above and Beyond Support’ is closed to new replies.