<div id="xxx"></div>
<script type="text/javascript" src="//cdn0.agoda.net/images/sherpa/js/sherpa_init1_08.min.js"></script><script type="text/javascript">
var stg = new Object(); stg.crt="xxx";stg.version="1.04"; stg.id=stg.name="adgshp2089682027"; stg.width="388px"; stg.height="511px";stg.ReferenceKey="xxx/qwEpJvb7Qg=="; stg.Layout="SquareCalendar"; stg.Language="en-us";stg.Cid="xxx"; stg.DestinationName="";stg.OverideConf=false; new AgdSherpa(stg).initialize();
</script>
--can you please tell me what is the best way to add this code, I tried with the text editor and shortcode but its didnt work that good, the search box didnt load all the times…
I want to create few tabs in my Home page and in on of them to add Agoda search box…
thanks for your help
]]>Helping out a friend with the above site and am trying to add a ‘slide-up’ JS effect to some images on a page. To do this I’m using the below code files;
JS file;
<script>
window.onscroll = function() {myFunction()};
function myFunction() {
if (document.body.scrollTop > 750 || document.documentElement.scrollTop > 350) {
document.getElementById("myImg").className = "slideUp";
}
}
</script>CSS in the style sheet;
.slideUp {
animation-name: slideUp;
-webkit-animation-name: slideUp;
animation-duration: 1s;
-webkit-animation-duration: 1s;
visibility: visible;
}
@keyframes slideUp {
0% {
opacity: 0;
-webkit-transform: translateY(70%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
}
}
@-webkit-keyframes slideUp {
0% {
opacity: 0;
-webkit-transform: translateY(70%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
}
}Image on the page I hope to ‘slide up’;
<img src="https://one-pillow.com.au/wp-content/uploads/2017/11/idea-pillow.png" id="myImg" alt="" width="150" height="150" class="responsive_image"/>
All the files have been uploaded and I am linking these together in the header using the Google jQuery link;
<!– Google jQuery Tag –>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>
<!– Google jQuery Tag –>`
I got this link for jQuery from here: https://www.w3schools.com/jquery/jquery_get_started.asp
I am able to create the effect separate notepad++ docs but not in my wordpress site. Is there something I’m missing or am doing wrong?
Any help/advice/links to articles is much appreciated.
Thank you in advance to anyone who can help.
When the autoptimise plugin is active the JS does not load correctly and products are unable to be filtered. When I disable autoptimise filtering works fine.
I have added the .js files from your plugin into the section of autoptimise to Exclude scripts from Autoptimize:, but this does not seem to help. Here are the errors i am getting in console.
Hopefully you have a solution for this issue? perhaps a setting within your plugin that i missed?
jquery.js:2 Uncaught TypeError: Cannot use 'in' operator to search for 'length' in []
at s (jquery.js:2)
at Function.each (jquery.js:2)
at woof_draw_products_top_panel (front.js:635)
at HTMLDocument.<anonymous> (front.js:212)
at i (jquery.js:2)
at Object.fireWith [as resolveWith] (jquery.js:2)
at Function.ready (jquery.js:2)
at HTMLDocument.K (jquery.js:2)
s @ jquery.js:2
each @ jquery.js:2
woof_draw_products_top_panel @ front.js:635
(anonymous) @ front.js:212
i @ jquery.js:2
fireWith @ jquery.js:2
ready @ jquery.js:2
K @ jquery.js:2
checkbox.js:61 Uncaught TypeError: Cannot use 'in' operator to search for 'pa_clothing-size' in []
at woof_checkbox_direct_search (checkbox.js:61)
at woof_checkbox_process_data (checkbox.js:54)
at HTMLInputElement.<anonymous> (checkbox.js:42)
at HTMLInputElement.dispatch (jquery.js:3)
at HTMLInputElement.r.handle (jquery.js:3)
woof_checkbox_direct_search @ checkbox.js:61
woof_checkbox_process_data @ checkbox.js:54
(anonymous) @ checkbox.js:42
dispatch @ jquery.js:3
r.handle @ jquery.js:3
autoptimize_b85a1ca….js:191 ShiftNav initialized via window.load
checkbox.js:69 Uncaught TypeError: Cannot read property 'split' of undefined
at woof_checkbox_direct_search (checkbox.js:69)
at woof_checkbox_process_data (checkbox.js:54)
at HTMLInputElement.<anonymous> (checkbox.js:45)
at HTMLInputElement.dispatch (jquery.js:3)
at HTMLInputElement.r.handle (jquery.js:3)
woof_checkbox_direct_search @ checkbox.js:69
woof_checkbox_process_data @ checkbox.js:54
(anonymous) @ checkbox.js:45
dispatch @ jquery.js:3
r.handle @ jquery.js:3
checkbox.js:61 Uncaught TypeError: Cannot use 'in' operator to search for 'pa_clothing-size' in []
at woof_checkbox_direct_search (checkbox.js:61)
at woof_checkbox_process_data (checkbox.js:54)
at HTMLInputElement.<anonymous> (checkbox.js:42)
at HTMLInputElement.dispatch (jquery.js:3)
at HTMLInputElement.r.handle (jquery.js:3)
woof_checkbox_direct_search @ checkbox.js:61
woof_checkbox_process_data @ checkbox.js:54
(anonymous) @ checkbox.js:42
dispatch @ jquery.js:3
r.handle @ jquery.js:3
checkbox.js:69 Uncaught TypeError: Cannot read property 'split' of undefined
at woof_checkbox_direct_search (checkbox.js:69)
at woof_checkbox_process_data (checkbox.js:54)
at HTMLInputElement.<anonymous> (checkbox.js:45)
at HTMLInputElement.dispatch (jquery.js:3)
at HTMLInputElement.r.handle (jquery.js:3)I’ve discovered the great mySupermarket recipes plugin (content.mysupermarket.co.uk/Content/Widgets/Manual.pdf). I’m pretty new to WordPress, but whilst this seems to be fairly simple, I can’t for the life of me get this to work.
Anyone had any experience with this before or got any tips?
Thanks, Paul.
]]>I am developing a photography WordPress site based on a blank template. I installed the Galleria plugin and it is all good except for one thing:
I want the gallery to load more elegantly and not to have the thumbnails to load first at the top of the screen and them jump down when the full image is loaded.
I tried using several JavaScript templates but it is very difficult to achieve this since the classes are dynamically generated and also the plugin doesn’t allow much customisation.
You can see exactly what I mean here: https://jimramsbottomphotography.com/
How could I achieve a nicer way of loading the gallery?
]]>Seems like Next-Gen Gallery is calling on an external URL for internal functionality. Anyone know how to disable just this part of Next-Gen Gallery? When I disable the plugin completely, the ‘blog loads lickety-split.
Ideas ?
]]>