top of page

Forum Posts

ionicgrid
Aug 12, 2020
In Coding with Velo
Hello, I have a repeater linked to the pricing plan database. What I would like to do is only display the pricing plan based on the logged in member. As an example, say I have 3 pricing plans - A , B , C A member called 'John' who has purchased plan 'A' logs in. He will only see 'pricing plan A' displayed in the repeater. A member called 'Sam' who has purchased plans 'A and B' logs in. He will see both 'pricing plans A and B' displayed in the repeater. As a note, I don't need to check whether a user is logged in or not as this repeater gets displayed on a page that is private and only members that are logged in can access it. Here's the code I have so far: import wixPaidPlans from 'wix-paid-plans'; $w.onReady(function () { $w("#repeater1").onItemReady(($item, itemData, index) => { wixPaidPlans.getCurrentMemberOrders() .then ( orders => { $w("#repeater1").data; } ) .catch( (err) => { console.log(err); } ); }); }); Right now, with this code all three pricing plans 'A , B , C' are getting displayed. So even if John has only purchased plan 'A' , he's seeing B and C listed in the repeater as well. Would appreciate any help with this. Thanks so much.
0
24
763
ionicgrid
Aug 11, 2020
In Coding with Velo
Hello, When viewing the wix pricing plans on the mobile, the repeater automatically collapses. Whereas on the desktop version, it displays fully (see screenshots below). I would like to replicate this with another customized repeater (outside of the pricing plan app). Since the code already exists (as its already part of a wix app), would it be possible for someone from the wix team to share it here please? Thank you so much.
Mobile Pricing Plans Repeater Code content media
0
5
86
ionicgrid
Aug 03, 2020
In Coding with Velo
Hey everyone, On few pages of my site, I only want the footer to show and not the header. I'm using the following code to collapse the header $w("#header1").children.forEach((item, i) => { item.collapse(); } This code is working partially but not fully as even after collapsing the header, there is a small strip across the top of the page. (see screenshots below) Would appreciate any help with this. Thank you. Screenshot #1 - normal header Screenshot #2 - partial collapsed header
Header not collapsing fully content media
0
10
162
ionicgrid
Aug 24, 2019
In Coding with Velo
Hey guys, I have a video box on my desktop version of the site with contour settings enabled to shape it like an oval. However, on the mobile site version I am seeing the video box without the contour settings taking effect. Instead of an oval shape, it is showing a rectangle. This was working fine for months and suddenly it's broken. Anybody else having similar issues? Any help would be greatly appreciated. Thank you!
0
1
10
ionicgrid
Aug 03, 2019
In Coding with Velo
Hi there, I am using the show more/less java code for the mobile version of my website (I don't require this feature for my desktop version and so the button is hidden). While previewing the mobile version, all the functionality is working as expected. However on live published site, there is a huge gap between where the text ends and where the 'show more' button is being displayed. For some reason, the 'show more' button isn't moving up to the end of text (see screenshots below). I have read all the other forum posts here about this same issue but nothing has helped so far. I have a feeling the issue could be related to the text box layout on the desktop version of the site. I have one strip with two text boxes - column 1 and column 2. What I would like to do... again only on the mobile version of the site is hide column 2 and show only when the 'show button' is clicked. Screenshot 1 - preview mode: no gap between text and 'show more' button Screenshot 2 - published mode: huge gap between text and 'show more' button PS: I have tried to to see if this is just a mobile related issue. But I have the same issue on desktop version too. Code is here: let fullText; // variable to hold the full text let shortText; // variable to hold the short version of the text import wixWindow from 'wix-window'; if (wixWindow.formFactor === "Mobile") { $w.onReady(function () { $w("#showbutton").show(); const shortTextLength = 75; fullText = $w("#text23").text; shortText = fullText.substr(0, shortTextLength) + "..."; $w("#text23").text = shortText; }); } export function showbutton_click(event) { if ($w("#text23").text === shortText) { $w("#text23").text = fullText; $w("#showbutton").label = "Show less"; } else { $w("#text23").text = shortText; $w("#showbutton").label = "Show more"; } } Appreciate any help...thanks!
0
5
41
ionicgrid
Feb 25, 2019
In Coding with Velo
Hey guys, not sure what happened between yesterday and today but my code which was perfectly working fine until yesterday seems to be broken. Here's the issue: I have customized my header navigation bar to show an arrow icon for the page that is loaded and to HIDE the same icon for all other pages. When user goes to another page, the arrow icon for that specific page is shown and the rest are hidden. For some reason, in the sandbox mode this is working perfectly fine. In fact it was working fine on my live website yesterday as well. But today, on the live website all the arrow icons are being displayed for all the pages (screenshots below) I have the following code: Under site tab, I show all arrow icons (since this is the header): $w("#vectorImage11, #vectorImage12, #vectorImage13, #vectorImage14").show(); Under page tab, I hide all arrow icons EXCEPT the one for this particular page: $w("#vectorImage11, #vectorImage13, #vectorImage14").hide(); Screenshot 1: sandbox preview Screenshot 2: same page on live site Would appreciate any help. Thank you so much!
Elements hidden in sandbox mode but not on live site content media
0
12
135
ionicgrid
Feb 24, 2019
In Coding with Velo
Hey guys, I have a dropdown list on my 'contact' webpage (screenshot below) but for some reason I do not have the option to modify the colors and the hover effect when the dropdown list is opened. I can't tell from where it's getting the default colors. Even $w.Style doesn't provide the option to change the colors. Any help would be greatly appreciated. Thank you.
Modifying Dropdown list colors when open content media
0
5
5k

ionicgrid

More actions
bottom of page