top of page
Forum Posts
Aaron Schultz
Jun 18, 2025
In Wix Classic Editor
Ethan, just wanted to say thanks for all the previous help from your YouTube. It is has helped with many issues.
I am running into a snag and wanting to show multiple categories that are grouped by those categories on one page. Each category has information tied to those as well. i have tried the SEO slug url and that did not give me what I was wanting cause it i breaking those out into individual pages, not just one page. I have multiple States (category), ie Colorado, Wisconsin, Nebraska, etc. all of which have different ranches listed under each of those states along with addresses, etc. How it is possible to show each ranch and information listed under one State? Or where the Colorado (grouped), then ranch name (grouped as well), and then all the information listed under that ranch. I am using CMS to drive the data. Which would be easier, using a repeater or not? Sorry, but as I am green with Wix.
0
0
1
Aaron Schultz
Nov 12, 2024
In Wix Classic Editor
I watched the youtube video on creating a search bar for a dynamic page. It was a great video. But I am new to Javascript. I have gotten it to work-ish, but however when the search bar is null or empty, 'after' typing something in it, the repeater contents get scrambled. For some reason it doesn't stay in the order or goes back to the order before the search or the order outlined in the sorting method. After a user clears out the search box after a search is done. Any help or suggestion would be greatly appreciated.
Thanks,
Aaron
import wixData from 'wix-data';
$w.onReady(function () {
$w("#magazineRepeater").onItemReady(($item, itemData)=>{
$item("#contents").text = itemData.contents;
})
$w("#magazineRepeater").onItemReady(($item, itemData)=>{
$item("#contents").text = itemData.contents;
})
async function search() {
const query = $w("#searchQueryInput").value;
const contentsQuery = wixData.query("MagazineArchives").contains("contents", query);
const magDataQueryResults = await contentsQuery
.find();
const MagazineArchives = magDataQueryResults.items;
$w("#magazineRepeater").data = MagazineArchives;
}
$w("#searchButton").onClick(search);
let throttle;
$w('#searchQueryInput').onInput(() => {
clearTimeout(throttle);
throttle = setTimeout(() => {
search();
}, 500);
})
});
Before:
After:
0
1
13
Aaron Schultz
More actions
bottom of page