Is there a way I can modify the URL of the current page using OnClick function & without reloading the page? export function Resonance_click(event) { const baseUrl = wixLocation.baseUrl; wixLocation.to('${baseUrl}/hostel-in-rajeev-gandhi-nagar-kota'); } I am using this code but it reloads the browser. If anyone knows please help me

How can change the page URL with a button with switching to that page I have a button on my site which filters results based on location & I have one more page which is filtered by a specific location. What I want to do is that when I click on a button it filters it changes the page URL based on that page which is filtered by specific location This is my code which filters location. but I don't know how to write a code to change the URL of the page with being on the same page. export function Location_click(event) { //Add your code for this event here: $w("#PreloaderBox").show(); console.log("firtering item to Resonance"); $w('#dataset1').setFilter(wixData.filter().contains('location', 'Location Name')) .catch((error) => { let errorMsg = error.message; let code = error.code; } ); }

IAll of my sites stopped working which has corvid codes in it some times it works but again it is not woking. The site is working perfectly fine from one year but from the last two days, every corvid enable function stopped working. Site link https://www.orooms.club https://www.orooms.in and many others

How to open link in a new tab when click on the repeater image please help me with this

My elements disappear on the live site and also shifts it position from last few days I am facing many problem with my site my code stop working automatically without any changes made on site. Also some elements disappear after few sec when site load and change its color and position. Unable to load content on load means onViewportEnter function is stopped working. scrolltoo function also not working on mobile. Elements display only on mobile codes are also stopped working. I think some bug is going on many people are complaining they are facing different different issue with there site and I am one of them My site is https://orooms.in please do check it out I had raised the complain on wix support but they said that they and not able to do anything because wix code is separately different.

I have site Orooms.in and the I have some code in it and they are stop working day by day I am using the site from last one year and with the same code I haven't made any changes on the page but the code stop working automatically. and this issue started from this month day by day one page code stop working. I have tried everything removing the code and add it again but it have not solve the issue. Please do check it Out There is Explore Home page on that page no new code is working and the code that is already there get stopped working and on the home page if some one loads it on android some elements gets disappear. I have a code on EXPLORE HOME page that loads the content when user scroll but no it has stopped working after wix turbo update. The function I use is onViewportEnter and now its not working for some pages on some page it is still working Also on Home Page I have a code that display elements only on mobile now the code is affected by some bug I don't know exactly but when I load the site some elements disappears after few second and this issue start happening from yesterday and I haven't made any change on the site. I think wix turbo is causing the issue #wixTurbo My site is https://www.orooms.in/

I have two pages on my site one both are same the exact same copy of another but now one is working and one is not working I have added the code for LOAD MORE CONTENT WHEN USER SCROLL but it stop working automatically from few days i haven't made any changes the code are the same Onviewenter port is On with the exact same ID every thing is working fine but now it not working and it happens on the three pages without touching the page the function is stop working but it work perfectly for one page. I have tried every thing duplicating the page adding new page or adding new element but it not solving the issue On this page the content loads on scroll - https://www.orooms.in/explore On this page the content does not load - https://www.orooms.in/explore-homes This is my code export function line12_viewportEnter(event, $w) { $w("#dataset1").loadMore() .then( () => { console.log("Done loading more data"); }); }

My repeater image is currently linked to my dynamic page and when clicked, it opens the page in the same window. What I am trying to achieve is when user clicks the image it opens the dynamic page in a new window. How do I go about achieving this? This is my code but when I click it open a new tab but it shows the error that page not found and URL like this : https://orooms.in/home-profile/undefined%7D $w("#repeater1").onItemReady( ($w, itemData, index) => { $w("#image1").link = `https://orooms.in/home-profile/${itemData.HouseID}}`; $w("#image1").target = "_blank"; } )

I want to display maximum 40 item on a single page. I have more that 200 item and when I click on load more button it loads 5 items at a time till the collection end. And after loading more that 50 item on a single page the page respond slowly and also it take so much time to load So how can I limit dataset so that it only display 40 items and when I click next page it display next 40 item I think we should use load more button and pagination bar at a single page but how do I limit load more button so it only display 40 item and then disappear. Thank You!

My repeater image is currently linked to my dynamic page and when clicked, it opens the page in the same window. What I am trying to achieve is when user clicks the image it opens the dynamic page in a new window. How do I go about achieving this? This is my code but when I click it open a new tab but it shows the error that page not found and URL like this : https://orooms.in/home-profile/undefined%7D $w("#repeater1").onItemReady( ($w, itemData, index) => { $w("#image1").link = `https://orooms.in/home-profile/${itemData.HouseID}}`; $w("#image1").target = "_blank"; } )

I created a Lightbox, added a user input field for phone and a button to submit that phone to my collection. However I need that same button to close the Lightbox right after. I had used this code this work perfectly fine but user also abe to close the light box without adding phone number how to make it compulsory so that user can close the lightbox when added his phone number The required option is turned on but then too it closes my website is www.orooms.in import wixData from 'wix-data'; import wixWindow from 'wix-window'; export function button8_click(event) { const toInsert = { mobileNumber: $w('#input1').value } wixData.insert('VisitorsMobileNumber', toInsert) .then(() => { wixWindow.lightbox.close(); }); }

I have image and it is hidden on load on the mobile and on the desktop it is not on hidden on hidden on load property how to uncheck it

I am trying to hide the element in desktop and I am able to do so but element are also gets hidden in mobile version. some time it appears some time it doesn't if I reload page two to three time it shows up on the mobile here is the code which I use. I used this code on every page but on some pages some elements get disappear on live site & on some page all element get disappear and also on some page every element is showing up and there no code except this one. This code I take from wix article https://support.wix.com/en/article/how-to-use-wix-code-to-display-elements-in-mobile-only import wixWindow from 'wix-window'; $w.onReady(function () { if(wixWindow.formFactor === "Mobile"){ $w("#your_first_element's_ID").show(); $w("#your_second_element's_ID").show(); } }); This is my code --- import wixWindow from 'wix-window'; $w.onReady( function () { if(wixWindow.formFactor === "Mobile" && wixWindow.rendering.renderCycle === 1) { $w("#gallery1").show(); $w("#button17").show(); $w("#box6").show(); $w("#box9").show(); $w("#box1").show(); $w("#box8").show(); $w("#box3").show(); $w("#box2").show(); $w("#box10").show(); $w("#googleMaps1").show(); $w("#your_second_element's_ID").show(); } } ); Please check my site my site is orooms.in there are many pages which are affected but this is the one of them which is having issue - https://www.orooms.in/location-kota on page also I put same code but it is working fine on mobile On desktop all element get hidden but on mobile also its getting hidden

I created a page which has repeater and it takes too long to load it takes about 10 seconds and before that is show complete white screen for 10 seconds many visitors are going away. Is there a way to create preloader which will be shown fast until the other content is loaded.and after that it automaticly to go away. I had created the preloader but it is not working here is the code which i use $w.onReady(() => { waitForLoading(); }); export function button6_onClick(event) { $w('#columnstrip1').show(); waitForLoading(); } function waitForLoading() { setTimeout(() => { $w('#columnstrip1').hide('FadeOut'); }, 1500); } This pre loader is shown when the other content is shown and before that there is full white screen for 10 sec. I need something that loads prior loading the other content. Sometimes it doesn't shows pre loader after white screen it automatically load the content.

I have a long light box and it scroll very rough on mobile. How to make it smooth like a page scrolling.I cant use the normal page instead of light box so please give me some solution. My Lightbox ID is lightbox1 please right the full code because i don't know about coding I got this code from https://codepen.io/JTParrett/pen/BkDie and paste it exaclty but it is not working please edit this code if it is right or provide me new codes. $.fn.moveIt = function(){ var $window = $(window); var instances = []; $(this).each(function(){ instances.push(new moveItItem($(this))); }); window.addEventListener('scroll', function(){ var scrollTop = $window.scrollTop(); instances.forEach(function(inst){ inst.update(scrollTop); }); }, {passive: true}); } var moveItItem = function(el){ this.el = $(el); this.speed = parseInt(this.el.attr('data-scroll-speed')); }; moveItItem.prototype.update = function(scrollTop){ this.el.css('transform', 'translateY(' + -(scrollTop / this.speed) + 'px)'); }; // Initialization $(function(){ $('[data-scroll-speed]').moveIt(); });

I have a long light box and it scroll very rough on mobile. How to make it smooth like a page scrolling. I cant use the normal page instead of light box so please give me some solution

I created a user input form and set permission to site member only but when any site member submitted the from in the database it does not shows who has submitted the form