sidebar and top-menu issue. conflict with grid module - javascript

I need a little help from you if you are familiar with css, php or javascript.
I needed a grid display component for my site, and after searching I found a suitable one and installed it. Now the problem is that after activating the module related to this component on any page, the menu at the top of my site stops working. It means that there is an interference between the grid component and the menu. If I disable the grid module, the menu works again without any problem.
Please see for yourself in the link below.
http://test6.harfrooz.com/117-more/18376-top-20-ufo-sightings
Currently, the grid module is active under articles,so nothing happens if you click on the search button or the corresponding button on the sidebar menu. This issue occurs only in mobile and tablet display modes. So reduce the browser size to see what I mean.
The question is, what should I do to solve the problem? I don't think it should be a very complicated problem?
Also, when the grid module is active, the following error can be seen on the Google Inspect page.
mootools-core.js?d25b1e28c6a2a29d5e390c182349c46d:136 Uncaught TypeError: Cannot read properties of undefined (reading 'x')
at getWidth (mootools-core.js?d25b1e28c6a2a29d5e390c182349c46d:136:134)
at Object.check (script.js:137:23)
at Object.initialize (script.js:58:14)
at HTMLDocument.<anonymous> (script.js:442:14)
at n (jquery-1.7.1.min.js:2:14784)
at Object.fireWith (jquery-1.7.1.min.js:2:15553)
at Function.ready (jquery-1.7.1.min.js:2:9773)
at HTMLDocument.B (jquery-1.7.1.min.js:2:14348)
Please see this image for better understanding

I checked the URL. The reason [Menu] and [Search Box] not working (in mobile view) is JS error you saw in console. If you fix that, they will be fixed too.
I can see that your home page is OK currently:
http://test6.harfrooz.com
You can see that the grid is not loading anymore in article view but in your demo it is loading yet and I guess that's the reason (perhaps it occurred after disabling some menus?).
So you should disable grid in article view somehow! For first try check the template manager and see how many styles are there? Maybe you need to set different style for homepage and other pages. specific themes usually selected through menu manager.

Related

Add a Page Screen is Visually Blank

On one of my sites on a multisite install of wordpress I am having an issue where when I try to add or edit a page just a blank page loads.
The HTML of the page that should be there is present if you inspect the page and I am getting several of the follow JS errors.
Uncaught TypeError: Cannot read properties of undefined (reading 'registerBlockType')
I have disabled all plugins and gone back to default theme twenty twenty, and the issue persists.
I'm not using any custom blocks as I did see that answer come up as a reason for this error when searching online. I am only using blocks from the built in Gutenberg block editor.
I am updated to the most recent version of wordpress and woocommerce.
I tried turning on WP_Debug in wp-config.php but that did not show any errors when attempting to add or edit a page.
If there is more information I can provide please let me know, I'm not sure where to go from here.
Any help would be greatly appreciated.

Typo3 - t3jquery integration is not working

so first i have to say that i'm realy new to Typo3, so i dont rly know much about the cms.
Actually i have a Problem with my Page.
I want to integrade a Image Slider in my Page with the Nivo Slider Plugin.
The Problem is, that the Slider is not shown.
The page gives the error
TypeError: jQuery(...).nivoSlider is not a function
so i think, there is some problem with the jQuery.
For that i installed t3jquery but its still not working.
i nearly tried every configuration for t3jquery and also analysed the other extensions on my Page with the plugin, but nothing works.
Some of you have advice what i can do?
The page is hxxp://www.eventbringer.de/skireisen/opening-slider/ (so you can see the error in the JS Console)
TYPO3 has a very versatile way of getting content of code to the front-end.
One way is to use typoscript.
read : https://docs.typo3.org/typo3cms/TyposcriptReference/
You can see typoscript as a huge configuration 'array' that can declare all sorts of settings.
One of the settings is about how the 'page' itself needs to have.
If you need, for example, some javascript in your page, you could use
page.includeJs
https://docs.typo3.org/typo3cms/TyposcriptReference/Setup/Page/Index.html#setup-page-includejs-array
if you need yous JS at the footer, and its an external lib, you could use
includeJSLibs.twitter = http://twitter.com/javascripts/blogger.js
includeJSLibs.twitter.external = 1

Compatibility between Foundation and WordPress Javascript

I am creating a WordPress theme. I have finished the design using Zurb's Foundation as my framework. Everything was going swimmingly until I hit a snag with what I think is Javascript.
Please take a look here:
http://dev.andrewtanner.me/wordpress/
Two problems:
The masthead image (specifically the word 'Napier') is not rendering beneath the fixed navigation top bar.
When scaling down to smaller devices, I expect that clicking the hamburger would call the menu but this isn't happening.
You can check out the design here (just the framework, nothing else):
http://dev.napiercountryfestival.co.nz/ - No problems at all here so the JS etc is all good.
I do believe this problem resides with JS as when I use Dev Tools I am met with two errors:
Uncaught TypeError: undefined is not a function
Uncaught ReferenceError: foundation is not defined
I know Foundation relies upon JS for elements within the navigation bar, particularly if it is fixed like mine is.
I would like to know how to best approach this with WordPress. I have checked out the Codex and tried their solution concerning calling the JS located here but to no avail http://codex.wordpress.org/Using_Javascript
I have also tried calling WordPress' jQuery using <?php wp_enqueue_script("jquery"); ?> instead of Foundation's but no luck either - it makes no difference. Could it be than I'm not calling things in the right order in the DOM?
I do have a couple of smaller JS scripts, one for running the marquee and another for the countdown located beneath the masthead and I'm not experiencing any problems with these (unless I kill the dependency to Foundation's jQuery by messing around trying to get things working).
Any help you can offer would be much appreciated - thanks!
Fixing Foundation to be a function is easy. Open your app.js file and re-write it to look like this:
jQuery(document).ready(function ($) {
$(document).foundation();
});
You have two jquery files in your head tag. Remove one of them it will fix your hamburger menu issue
your masthead goes below the nav bar because you have a class fixed which has a property of position:fixed.
in the other link you have provided you have a class .f-topbar-fixed on body tag which provides padding-top:99px; which pushes your page down resulting in the visibility of your masthead. Add the class as well as the styles defined it will fix the masthead

Dropdown menu on mobile not working

I have a toggle dropdown menu button that appears on smaller resolutions/devices, but for some reason it isnt working. When clicked, nothing appears/shows.
Most likely there is something missing (JS function that makes it open maybe). Copying entire code doesn't make too much sense to me, so I am just using some of it:
http://goo.gl/TNixQe
UPDATE
True about responsive design. Now I noticed it (but did you say about it in your question? nope.).
When I tried to resize window firebug had found this error:
This error appears in js_func.js file in 9 row. Are you sure you link libraries correctly? JS can't find uniform() function.
Possibly this error is appearing, because all your instructions are in simple function. Try to add them to onload handler. Possibly browser try to load this instructions before uniform library had been loaded.
I meant this:
$(document).ready(function()
{
// use `uniform()` function on elements
}
OLD ANSWER
It is simple drop-down menu, based on lists. It is working throw hover handlers.
You can't do 'hover' on your mobile device. You can tap on screen only.
If you want users with gadgets use your site, you have to create menu espesially for gadgets.
Small trick, which helped me (because I am lazy :)) is to assign javascript:void(0); to 1 level buttons hrefs. This worked on SGS2 and Xperia Z1, but I am not sure it will work everywhere. With that trick, a man will tap on menu button and drop-down menu will appear.
You have a javascript error on line 9 of js_func.js:
Uncaught TypeError: Object [object Object] has no method 'uniform'
This will be causing any code below it not to be run.
Could it be a missing plugin on the mobile version?
A quick google suggests that the issue is with your jquery verison, they say to downgrade to 1.8.3.
In your case you are using 1.8.2, so try upgrade to 1.8.3.

jQuery UI form stopped working, with no known changes

I'm having trouble with a previously working jQuery UI product order form on pages such as http://deadlynightshades.com/custom/squared/eddie
This is a jQuery UI Accordion, Tabs, and Buttons with an html form. All the scripts and stylesheets appear to be properly linked.
The accordion doesn't seem to be establishing itself properly anymore. The styling classes are applied, but the expand and contract behavior does not respond.
The only script I wrote myself is at http://deadlynightshades.com/Frontend/Capacitor/Scripts/Deadly.js
Can anyone tell me if it has errors? Again, it used to work, for months, until a few days ago.
The jQuery UI elements are established in the Deadly.js script:
// Establish jQuery-UI controls
$("#Tabs").tabs();
$("input:submit").button();
$("a.addtocart").button({ icons: { primary: "ui-icon-cart" }});
$("#Accordion").accordion();
If the line initializing the accordion is moved, then the part of the script remaining above the command will function. When the accordion is established near the top of the script, nothing that follows works as expected. The accordion() broke, as far as I can tell.
Another symptom has to do with foxycart. When a product is added to the shopping cart, the cart should display in a lightbox. For some reason, it has started displaying as a standalone page.
I will answer any requests for more info. I'm at a loss. Thank you for any suggestions.
Uncaught TypeError: Cannot read property 'safari' of undefined jquery-ui.min.js:220
Failed to load resource: the server responded with a status of 404 (Not Found) http://deadlynightshades.com/Frontend/Capacitor/Images/Eggplant/ui-bg_flat_30_3d3644_40x100.png
Uncaught TypeError: Object [object Object] has no method 'live' jquery.nivo.slider.pack.js:24
Uncaught TypeError: undefined is not a function jquery.nivo.slider.pack.js:22
You're using jQuery from google. It's possible that your site was designed with an older version of jQuery in mind and you were updated to 1.9.0 by the link you use.

Categories