Canvas Support

New checkout layout + random tips

2 replies · opened Oct 18, 2023

SswwammpOct 18, 2023

Hi Semicolon,

I have some questions (feature ideas) that you may already have or working on them?:

I'm wondering if you're planning to add new layout of shopping cart and checkout (eg shopify style). (cart items in right, customer details in left, etc).
These may convert more shoppers to customers as they are well UX designed?

Also to ask, where I can find a sample code for "random tips" (like you have in bottom corners of canvastemplate.com)?

That would be fantastic if Canvas would have these, eg they appear after x seconds after load, or once user scrolled down to a certain part of page?
Could they also be shown by smooth floating in from bottom, instead of simply "popping up"? Also if they could be set up optionally to disappear after x seconds etc.?
These would contain some useful info for users when they are shopping, such as "x recently purchased this item 15 mins ago", "this product is low in stock, checkout quickly to avoid disappointment", etc.

UPDATE: I know you have the notifications.html with all types of notifications, but I'd be still interested in the type/style you use on canvastemplate.com, as well as the timings.

Many Thanks,
A.

SSemicolon WebSTAFFOct 19, 2023

Hello,

Thanks so much for your Valuable Suggestions!

  1. Yes, we are working on more Cart/Checkout Layouts and we will definitely include a Shopify inspired Layout as well.

  2. Currently, The Random Tips Element is experimental and limited to default styling. However, you can definitely use this by adding the following JS Code in your Page:

[ch_pre]<script>
var cnvsOptions = {
tips: true
};

var cnvsTips = [
{"title": "<i class='bi-exclamation-circle me-1'></i> Tips", "content": "This is a Random Tips Element. You can style this as you want."},
{"title": "Did you know?", "content": "You can enable Page Transition across the Website by simply changing the Page Transition value to true in the JS File."},
{"title": "Looking for Form Auto-Responders?", "content": "Canvas includes Auto-Responders for Forms which are personlization enabled."},
];
</script>[/ch_pre]

We will add Documentations soon relating to this and will also be extending the Customizations capabilities. Currently it is using the default Toasts styling: https://getbootstrap.com/docs/5.3/components/toasts/ . But we will be including more Customization Options soon for this. Currently, the Tips Element is set for Timeout after 7777ms, you can find the data-notify-timeout="7777" in the js/functions.bundle.js File and set it according to your needs. 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. Thanks. :)

SswwammpOct 19, 2023

That's brilliant, thank you very much!
A.

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