Bbrano099Apr 3, 2023
Hi,
i need 2 different pricing switch in one page
is it possible?
Thank you
Two different pricing switch in one page
5 replies · opened Apr 3, 2023
SSemicolon WebSTAFFApr 4, 2023
Hello,
Absolutely! Simply use Unique IDs for the Pricing Switcher and Pricing Container to use multiple Pricing Switchers on a Page.
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Bbrano099Apr 4, 2023
I'v tried but it doesnt work.
here is my 2 switcher ... pls check this THX
FIRST SWITCH:
<div class="page-section pt-5">
<div class="pricing-tenure-switcher row align-items-center justify-content-center mb-2" data-container="#pricing-switch">
<span class="pts-left col-auto">Day</span>
<div class="pts-switcher col-auto">
<div class="switch">
<input id="switch-toggle-pricing-tenure" class="switch-toggle switch-toggle-round" type="checkbox">
<label for="switch-toggle-pricing-tenure" class="mb-0"></label>
</div>
</div>
<span class="pts-right col-auto">Night</span>
</div>
<div id="pricing-switch" class="row pricing mb-0">
<div class="col-12">
<div class="pts-switch-content-left">
</div>
<div class="pts-switch-content-right">
</div>
</div>
</div>
</div>
SECOND SWITCH:
<div class="page-section pt-5">
<div class="pricing-tenure-switcher row align-items-center justify-content-center mb-2" data-container="#pricing-switch2">
<span class="pts-left col-auto">Day</span>
<div class="pts-switcher col-auto">
<div class="switch">
<input id="switch-toggle-pricing-tenure2" class="switch-toggle switch-toggle-round" type="checkbox">
<label for="switch-toggle-pricing-tenure2" class="mb-0"></label>
</div>
</div>
<span class="pts-right col-auto">Night</span>
</div>
<div id="pricing-switch2" class="row pricing mb-0">
<div class="col-12">
<div class="pts-switch-content-right">
</div>
<div class="pts-switch-content-left">
</div>
</div>
</div>
</div>
SSemicolon WebSTAFFApr 4, 2023
Hello,
We have already tried this in the Default Package and it appears to be working perfectly fine for us. Please provide us with a Live URL so that we can check out the exact issue and provide you with more accurate assistance on this. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Bbrano099Apr 4, 2023
you are right :) I found an error in the source of the images
now works perfect
sorry and Thank you
SSemicolon WebSTAFFApr 4, 2023
Glad the issues were resolved.
Please do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard