I'm totally new in website development and as my first experiment I'm working with website to replace my company's old site (if success).
Have done pritty much allready but I really want to have this popup image gallery to work with Magnific popup for the responsiveness.
I have setup a local server with QuickPhp for development as I don't have server for my website yet.
Eventhough my site is working when tested in CodePen but not on my Quickphp server.
I made sort of gallery site that contains images that is supposed to open to popup for larger view and to zoom closer if wanted. The popup itself will work but some of code doesn't work. In example:
-not showin close button.
-not closing popup when clicking background.
-no animation when popup opens.
this all works with the same code tested on the CodePen-site though.
Magnific popup JS and the CSS codes I copied from the Build tool(to the folder within the sites .php)
They are included to .php page with script. CSS in the head and the JS in the footer. JQuery is from google https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
For now I would need answears to theese Questions:
1. Is it possible that the problem is within the QuickPhp-server setup of mine? If It doesn't fully support jquery in local setup?
2. What else could be wrong?
If needed I can put the codes here later.
The problem was in the code allthough. I implemented the codes from the Maqnific website again and red the documentation over 5 times. I also noticed that the included stylesheet files needed to be linked from the website's root folder exactly as shown on the Macnific guide.
If anyone is having similar problem I suggest to keep on reading and searching. Taking a brake for day or two makes a differens in perspective too. Some time apart of the project helps to notice things that you might not have seen before. Especially checking the code for incorrections is a bitch.
Just yesterday I found a typo in my media query meta tag that was making my site not to change styling when viewport size changes. The typo was from 2 weeks ago. max-device-width was written as max-divice-width.
Related
im working on adding and modifying the content of a website, but im having multiple issues with the very basic functioning of the editor. Please keep in mind i didnt build this site myself, so i might not be aware of many things that may be obvious to you.
If left unmodified, to the user, the site shows no issues whastoever, it is I as the administrator who experiencies all these issues.
I will describe/ show the issue and give a list of the things i have tried already.
While looking at Cpanel's PHP admin app, and the htaccess file, i see the php version is 7.4. However, while using wordpress, the site health status tool warns me that im using php version 7.1.33
Im not getting the admin bar when looking at the website, it just shows a white bar with nothing else.
3.If i go to the backend editor and try to customize the template im using (called Jupiter 5) i get very few options in the side bar, it doesnt show things like header options for example. And i have no floating editor options on the site itself, i get no tools, nothing.
See image
When i go inside wordpress to "pages" and try to edit a page, the editor box shows the content with the code included or shows nothing while using the "visual composer" mode. This is how it looks
When i try changing the template, the content appears like this. A huge mess, though some editor controls show up in this case
6.I tried using plugin detective but when i launch it, and it asks for my credentials, i hit login yet it does nothing.
I tried disabling all plugins, only header and bottom show up kinda normally, the body becomes text with code like the image of point 5. I still dont get the admin bar on site.
If I, after disabling all plugins go to pages, then select any page and click "edit", the adress of the site shows im on the edit page, but the page itself is completely blank, i dont even get the wordpress bar at the left.
If I disable all plugins, then activate only a plugin called WPBakery, the body of the site stops showing text with code and actually shows most visual elements, no edit options though, except for a small text at the bottom. A weird thing about this plugin is that despite of its name, when activated, it shows up as "Visual Composer" instead of WPBakery.
So far, besides disabling plugins and testing, i have only tried Updating Wordpress, the only thing that changes is that the admin bar finally shows, but the "customization" mode remains exactly the same, useless.
Classic editor is already installed btw.
I hope someone can help me, thanks.
I needed drag and drop provision for uploading files in a site i am creating.
I added dropzone for this and implemented it successfully.
I am using Bracket for coding.
However i noticed a strange behavior - as long as i use live preview in bracket , drop zone work perfectly.
However if i run the site in the browser directly it does not work at all - as if this functionality is
missing in the site.
I have copied source code from browser in both case through live preview and directly and compared them.
There is no visible difference except a script added by KasperskyIS AV - which is used in both pages but the attribute used in the link both page is different.
I would like to know did some one faced such issue using drop zone - with out drop zone site works similarly in both live preview in bracket and using directly in browser.
Hope i have some answer, i can message for the particular page to anyone who believe he/she can help.
Sorry if this is not in the protocol of StackOverflow but i have my limitation right on on sharing code.
Thanks
I'm working on a website that gets content dynamically from a database and puts them in the HTML code, which should consist of JQuery Mobile pages so I can click a link and it will slide to the corresponding page.
I'm running JQuery 1.9.1 and JQuery Mobile 1.3.1 to get the slide effect to work, but it's giving me an error saying "t.split is not a function". It also shows a large "LOADING" text in the middle of the page without any javascript there.
Am I missing something?
Edit:
I've chosen to ignore this for now. Nobody is responding anymore and the problems are only getting worse.
I've managed to solve the question by first running a simpler version with only the essentials for making a 2 page'd JQuery Mobile example. The problem was that using only numbers for an ID isn't accepted, and I was missing the JQuery Mobile CSS file which allowed for the transition that I was looking for.
I've applied those solutions to this project and it works.
I am attempting to tweak an existing Wordpress theme called Pytheas (for a quickie video tour of its features, visit this page). It is a WP theme oriented toward displaying portfolios. The homepage features a slideshow. My aim is to replace the slideshow with an embedded Prezi presentation.
The home page elements are (moving from top to bottom): header, menu, slideshow, tagline, highlights, posts. However, the Homepage is an odd little thing. It omits any content you may have typed into the editing window (instead, using only the images that have been uploaded to another dashboard section).
I have confirmed that the Prezi-Embedder plugin works on standard style default, blog, and pages. My presumption is there’s some CSS element at work.
My gut (and a little sniffing around) says that this bit of CSS (from template-home.php) may play a role. Specifically clearfix:
<div id="home-wrap" class="clearfix">
<?php
//get template path
$template_path = get_template_directory();
//show tagline if setting isn't empty
if(of_get_option('home_tagline')) { ?>
<div id="home-tagline" class="clearfix">
<?php
//tagline content
echo of_get_option('home_tagline'); ?>
</div>
This is where I turn to you, StackOverflow community members. What might I do to provide additional data and/or context?
Many thanks, in advance, for your attention.
Matt Warren
First step was to verify that the slideshow content was indeed being output to the final HTML. After verifying this, I moved on to the one JavaScript error being displayed:
Uncaught Error: Syntax error, unrecognized expression: a[href$=.mp3]
A quick Google on the full error seemed to confirm suspicion that this error was killing the rest of your site's JavaScript, and thus causing your slideshow to not work.
So the idea now (without being able to see all your installed plugins) was, you had some plugin that was installed to playback MP3 files. So that's where I pointed you for a possible fix. The link above provided a potential fix for an installed plugin causing this issue, but simply installing a new audio player was another valid, and less technical, solution.
I was only able to help you by actually seeing the site, that would have likely been pertinent information to provide to get additional feedback from the community.
Glad you got it resolved!
I reached out to a colleague of mine who's more skilled in the php/css dark arts. He was able to confirm that clearfix was not the issue. I was way off. However, his tinkering got some neurons firing and he snooped for a while.
Using Chrome's built-in developer tools, he was able to determine that I was experiencing the same javascript error (which was invisible to me) as this person.
In that thread, one zoonini offere another link to a solution she used. The money is here:
Search for href$=.mp3 and replace by href$=".mp3"
From what I can gather, this is the rub: For whatever reason, pre-HTML5 embedded-audio plugins can fluster these newfangled adaptive themes (oooh, did I use a buzzword?). I fiddled with the javascript file, couldn't resolve the problem and said "to hell with it."
My solution was to uninstall WPAudio and install Haiku Minimalist Player (which is HTML5 and doesn't interfere with such theme elements).
Not only does this make my embedded Prezi displayable, it allowed my frontpage slideshow (which didn't work to begin with) to work properly.
I am using the delight theme in WP on my site and have a mobile website version of the main site, within a mobile folder.
I have sort of been abandoned by the mobile site provider who gave me the js for the header.php file which works fine and the mobile site loads ok on a mobile device. However, the links on the mobile pages dont take the visitor back to the main site as the mobile script reloads so they are stuck on the mobile site.
I have had to disable the js in the header until I can find a solution so I now have no mobile site until I can sort it.
Loading the mobile site with javascript in header.php works fine.
I have seen some very useful posts on here about very similar issues but writing php and session / cookies is beyond me, although I can follow clear instructions.I have run out of ideas as the stuff I am reading up on is so diverse and beyond my skills.
Can anyone provide me with the solution, help me out, bit of php, cookie or ??? I r
Really be grateful as I have disabled the js until I can resolve this - meaning no mobile version :(
thanks
Steve
If you require any more info let me know, thanks again..
Oh, I did copy the main site into a new sub folder called desktop without the js and pointed the mobile page link to it, which actually took me back to the main site / page not found, but got there. However, soon as I pressed any Nav on main site, the mobile version reloaded, damn :)
Header.php redirect script :
if (screen.width <= 800) {
window.location = "http://www.icesugarmedia.com/mobile/";;
}
</script>
code for link back to main site on each page (as a small image):
<div style="margin:5px 0px 25px 0px;"><img src="images/full_website_buton.png" /></div>
The mis-spelling on the button name matched the image file name
This link talks about what you're looking for.
http://www.malphursinteractive.com/view-full-site-mobile-redirect-script/
There's some pretty good solutions in that page. It's the #1 google result for the query of "script display full site mobile redirect". There seemed to be many other good solutions in the top 10 results.
What you're looking for is a solution to a problem that I think a lot of us should find, because many smartphone users want to view the full site now.
A simple solution to the problem can be to copy all the files in your directories. Create a new directory named for example "site.com/full-site/". Paste all the copied files into that directory. Remove the mobile redirect from the header.php file. Make the "view full site link" take them to full-site/index.php rather than the root directory. Now they won't encounter the line of code that forces them to the home page, unless your links are coded in "http://site.com/link.php" as opposed to "link.php". Either way, whichever method you choose, you have to prevent the user from loading the redirect script.