My site (scooterdb.com) has a filterable table on it. Two of the filters (manufacturer and distributor) are showing different value on desktop vs. mobile. On desktop, they correctly show the lists of manufacturers and distributors, while on mobile, they show Wix’s default ice cream flavor values. Anyone know why this is happening?
These lines cause severe errors on your mobile view and stop the code:
$w("#priceMax").onChange( (event) => {
and:
$w("#weight").enable();
You probably don’t have these elements in mobile view and therefore when you refer to them in your code it gets stuck.
To solve that you can either add these elements to your mobile view or use a condition like:
import wixWindow from 'wix-window';//top of the code
//......code... code
if(wixWindow.formFactor === "Desktop"){
$w("#priceMax").onChange( (event) => {
filter52 =wixData.filter();
filter52 = filter52
.le("price", $w("#priceMax").value)
let finalFilter = filter1.and(filter2).and(filter3).and(filter4).and(filter5).and(filter6).and(filter7).and(filter8).and(filter9).and(filter10).and(filter11).and(filter12).and(filter13).and(filter14).and(filter15).and(filter16).and(filter17).and(filter18).and(filter19).and(filter20).and(filter21).and(filter22).and(filter23).and(filter24).and(filter25).and(filter26).and(filter27).and(filter28).and(filter29).and(filter30).and(filter31).and(filter32).and(filter33).and(filter34).and(filter35).and(filter36).and(filter37).and(filter38).and(filter39).and(filter40).and(filter41).and(filter42).and(filter43).and(filter44).and(filter45).and(filter46).and(filter47).and(filter48).and(filter49).and(filter50).and(filter51).and(filter52).and(filter53).and(filter54);
$w("#dataset1").setFilter(finalFilter);
})
}
//and the same condition for the second error
By the way, you have other errors in all modes as well such as binding “Not Available” and “N/A” values to links but there are less severe and don’t stop your code (but you should fix them though)
Thanks for taking a look! I’ll review asap.