ECWID ecommerce and Xara Web Designer - Advice wanted

[Acorn]

This thread is pretty old, but I found a work-around that has been a life-saver for me - and it's not very hard to implement as well. Ecwid is worth it! Instructions: Do not put the Ecwid code on the same page on both variants. Create a store page for each variant on separate pages. [One for Mobile and one for Desktop.] Make sure the links in the menu bar go to the corresponding store page for each variant. Fixed the problem in no time at all. I have also found that I have the same issues with using JotForm, and this solution works for this issue as well.

marjorie, thank you for sharing.
I understand what you have done but it has a big assumption that the viewer will never switch from one variant to another.
The problem will arise that a partially completed form (JotForm) for Shape selection (Ecwid) will apparently disappear and a visitor will not be happy.
I switch L to P all the time on my smartphone and the change usually forces into another variant.

My Post above yours is how a code solution will work in this circumstance, across any number of variants as well.
My argument remains - having one form instance at any time is safer.
It is a reverse shell game where at every move, the form is thee waiting for you.

Acorn

P.S. The Thread is not that old and the issue is still there for a lot of designers. Appreciate your contribution and Ecwid is worth it too.

[Initiostar]

@ Acorn

I can see the need for applying your variant code where a visitor is attempting to buy something or complete a form, as by rotating a device phone / tablet could cause a change of variant and a loss of input. Great idea and perfect for resolving many of the widget issues.

I had a play with your document and all worked as expected, but I then tried the idea with Jotform and failed, which I guess is operator error! Jot Forms_Multiple Variants.xar

Any thoughts?

Thanks,

Gary

[Acorn]

Gary, the Variant Placeholder code should be <span id = "variant0"></span>, without any gap in the ID.
The form then switched over but the inputs didn't.

When I then ran it with the Dev Tools Console and the Log on, my browser complained mightily about in-line nonces:

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'report-sample' 'nonce-FsXVb2CyAr6KvIiOeGrMwg' 'unsafe-inline' 'strict-dynamic' https: http: 'unsafe-eval'". Note that 'unsafe-inline' is ignored if either a hash or nonce value is present in the source list.

I guess I have a lot more poking to do.

It might work on-line rather than through Preview but I suspect is it a new Jotform feature.

Acorn

[Initiostar]

Thanks Acorn,

Published the test Jotform online > https://initiostar.co.uk/demo/formtest/. It fails to take the values across when you squeeze the browser, but one would not do this in practise anyway. Plenty of complaining though!

With my mobile and auto rotate available it works, enter the fields and rotate, but this could be simply that the desktop variant is not brought into play? I am using 640px /1280px which takes you to 960px before the desktop fires.

Gary

[sabinarina]

Hi, speaking about eCommerce, I mostly find it simpler to ask a specialist. As it is an important topic, I want it to be as perfect as possible. I once had a similar situation to yours, and I remember how much I struggled to find the best solution. Only after that to understand some people specialise in solving these problems. I was so happy to see my problem solved by magento professional solution partner. They usually specialise in digital transformations, design and development, performance improvements, ongoing maintenance, and support, so you can contact them if you want. I am sure they will be there to help you.

[Acorn]

Hi, speaking about eCommerce, I mostly find it simpler to ask a specialist. As it is an important topic, I want it to be as perfect as possible. I once had a similar situation to yours, and I remember how much I struggled to find the best solution. Only after that to understand some people specialise in solving these problems. I was so happy to see my problem solved by magento professional solution partner. They usually specialise in digital transformations, design and development, performance improvements, ongoing maintenance, and support, so you can contact them if you want. I am sure they will be there to help you.

Touting your self promoting website is not how we do things in TG.

Acorn

[gwpriester]

Touting your self promoting website is not how we do things in TG.

+1

[KileyMcmillan]

I can totally relate to the difficulty of trying to make ECWID work with Xara variants. Unfortunately, as you have discovered, it can be quite difficult. I have used a similar method to the one you have described, but it is not ideal. If you're looking for a better way to build a good e-commerce site, I'd highly recommend contacting the web development experts at [Link removed - follow TG rules]. They have a team of experienced professionals specializing in designing and building custom digital commerce solutions matching your business needs. Good luck, and I hope you find the perfect solution!