purchase now

Spyro Documentation

Spyro Price Switch

Spyro Price Switch as the name suggests is a simple switch that can be used to choose a price/plan from any two sets of the prices/plans you’re offering on your website along with a discount card.

 

When the button is toggled by the user the focus is shifted to the desired pan and the color of that side changes to the set color. 

 

In order to add the Spyro Price Switch Module to your page first, edit the page using Tatsu and add a section with a column/row and then add the Spyro Price Switch Module in it.

Price Switch Content

Spyro Price Switch - Price Switch

In the content tab, you need to add the Monthly Pan Title, Annual Plan Title, and the Discount Offered Title to display to the user on the front end. These are the only three options available in the Content Tab of the Price Switch.

Price Switch Style

Using the Style tab you can style the Price Switch with Colors and Typography Options. In colors, you can alter the Title Color, Active Title Color, Switch background Color, Switch Dot Color, Discount Background Color, and Discount Text Color. You can control the typography of the Price Switch using TypeHub or using any custom font.

Price Switch Advanced Options

You can also modify the working and behavior of the price switch with advanced options like Spacing, Border, Box Shadow, Animation, CSS Identifiers, and its Visibility.

Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Youtube
Consent to display content from Youtube
Vimeo
Consent to display content from Vimeo
Google Maps
Consent to display content from Google
Spotify
Consent to display content from Spotify
Sound Cloud
Consent to display content from Sound