[albertafrikyan]

dear mehmet sali,

im have installed a plugin caled “twenty twenty. if i update the page and view directly, the plugin works. But when i use the portfolio menu and then i click on the page, the part with the plugin doesn’t work. can you please please pleassse help me?

[albertafrikyan]

Hey man i know the problem. The problem is the hashtag in the url… how can i delete the hashtag?
thanx.

[ahmetsali]

Hi, you can’t delete the hashtags, they are required for the page to work properly. Also can you provide your url to see what’s wrong.

[albertafrikyan]

this is the working url : http://albertafrikyan.nl/portfolio/labline/

and this is the orginal with the hashtag : http://albertafrikyan.nl/#/portfolio/portfolio/labline/

Thanx :)

[ahmetsali]

for any additional scripts/plugins you have added to portfolio single pages, you need to call your custom functions each time an ajax request is completed, to do this, edit js/main.js and find line : 465;

			// wait for images to be loaded
			p.imagesLoaded(function() {
		              //your custom function here :
                             $(".twentytwenty").twentytwenty();

[albertafrikyan]

Thanx for your quick response man :) i have changed the main.js but now it only is loading the pages and nothing else look please : http://albertafrikyan.nl/

[albertafrikyan]

i have changed it back because it was only loading. i think there is something wrong with the code

[ahmetsali]

i can’t detect the issue now, let me know when you update the code again, i will check then.

[albertafrikyan]

i have updated the code again :) : ww.albertafrikyan.nl

[ahmetsali]

ok, i see the problem now;

– add this code to External Js box under Appearance > Theme Options > Style > External JS box;

<script type='text/javascript' src='http://albertafrikyan.nl/wp-content/plugins/twentytwenty/public/assets/js/jquery.event.move.js?ver=1.0'></script>
<script type='text/javascript' src='http://albertafrikyan.nl/wp-content/plugins/twentytwenty/public/assets/js/jquery.twentytwenty.js?ver=1.0'></script>
<script type='text/javascript' src='http://albertafrikyan.nl/wp-content/plugins/twentytwenty/public/assets/js/public.js?ver=1.0'></script>

– also add this code to External CSS box;

<link rel='stylesheet' id='twentytwenty-twentytwenty-css'  href='http://albertafrikyan.nl/wp-content/plugins/twentytwenty/public/assets/css/twentytwenty.css?ver=1.0' type='text/css' media='all' />

[albertafrikyan]

i have placed the code, but i cant see the twenty twenty in the page

[ahmetsali]

we have eliminated the error on the console now, i also noticed it appears when we resize the browser,

– now update the first code piece i gave you as;

			// wait for images to be loaded
			p.imagesLoaded(function() {
		              //your custom function here :
                             $(".twentytwenty").twentytwenty();
                             $(window).trigger('resize');
                             setTimeout(function() { $(".twentytwenty").twentytwenty(); }, 500);

[albertafrikyan]

Great thankssssssssssssssss!