Online store regarding zoom in and card payment functions

  • 1
  • Question
  • Updated 6 years ago
  • Answered
I am going to upgrade to silver to get the online store function.
I would like to confirm will I get a function of "add a cart" function and pictures "zoom in" function like the website bellow : http://www.ciciaccessory.co.uk/ ?
In advance, my boss would not like any online payment ( I don't know why) , is it possible to do the online order only? While after we confirm our stocks , we phone to customer to make payment through bank transfer, that's how he want me to do.

If it doesn't work, I can still go for the online store by card payment(no paypal), does online payment require customers to register?

Or does anyone have a good example of wholesale website that I can show to my boss how is going to look like in E-commerce page?

Does anyone can help? Thanks!
Photo of xzw1977624

xzw1977624

  • 12 Posts
  • 0 Reply Likes

Posted 6 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi,

There is an add to cart function and a javascript addition that allows you to zoom in on products. There;'s also a detailed description facility with an enlarged image plus the option of unlimited number of supporting images.

The Online Store certainly has a phone order facility and any number of payment gateways including PayPal and many others.

There is also wire payment facility.

The store I'm linking to is actually a retail store but looks warehouse like:
http://mjs-trade-outlet.co.uk
Photo of xzw1977624

xzw1977624

  • 12 Posts
  • 0 Reply Likes
Hi, thank you for your reply Gop! I have just uploaded the online store and find silver is separate price?

How did you make you shopping cart image enlarge?
as customers may want to see the texture and material of our products , so I require special zoom in,

Is CSS support this ?
Or I have to go for silver and can anyone tell me what to add in the script?

please watch this : http://www.mind-projects.it/projects/...

I cant follow the guide though, since I get no computer language skill at all.

Thanks!
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi,

What subscription with Yola do you have?

The code for the zooming is not part of Yola CSS but rather part of the store CSS. I can be added at anytime and isn't linked to Yola Silver.

When you have your products loaded then please let me know and I will guide you through the zoom-in.

Gop.
Photo of xzw1977624

xzw1977624

  • 12 Posts
  • 0 Reply Likes
I am on silver now with store together
Photo of xzw1977624

xzw1977624

  • 12 Posts
  • 0 Reply Likes
Yes I have uploaded some pictures to the store and there are CSS template I can add in . Is it what you talking about?IF yes, what should I put in?

But I need the zoom in function still, cause the picture is only enlarge in your case but not "zoom in" or magnify . Thanks though!!! Very appreciate for your help!
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Oh sorry. misunderstood. leave it with me and I'll look for a zoom feature.
Photo of xzw1977624

xzw1977624

  • 12 Posts
  • 0 Reply Likes
Can you please also tell me where should I put these?

I just follow the steps from the website, and it doesn't work, just wonder if I put in wrong place for this head. Thanks
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
The feature you are talking about, as seen on ebay and aliexpress, isn't available yet on ecwid store. The image zoom shown on the site is what they have at this time.

You can use any number of images to highlight aspects of the product and these will show as thumbnails on your product page until selected. Then they will open at the default settings.
Photo of xzw1977624

xzw1977624

  • 12 Posts
  • 0 Reply Likes
I just able to apply what is taught on the web, but in a very rough work.

It was in java-script. But I would like to add in one by one ? Does it have a faster way to get all the pictures done?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
OK to do this you need to follow this path and actions.

Online Store>Advanced Options>System Settings>Design>Duplicate (your current theme and give it a name)

then add the following code to the new theme by Copy and Paste:

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

td.ecwid-productBrowser-productsGrid-cell img {

-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/

-moz-transform:scale(0.8); /*Mozilla scale version*/

-o-transform:scale(0.8); /*Opera scale version*/

-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/

-moz-transition-duration: 0.5s; /*Mozilla duration version*/

-o-transition-duration: 0.5s; /*Opera duration version*/

}

td.ecwid-productBrowser-productsGrid-cell img:hover {

-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/

-moz-transform:scale(1.1); /*Mozilla scale version*/

-o-transform:scale(1.1); /*Opera scale version*/

box-shadow:0px 0px 30px green; /*CSS3 shadow: 30px blurred shadow all around image*/

-webkit-box-shadow:0px 0px 30px green; /*Safari shadow version*/

-moz-box-shadow:0px 0px 30px green; /*Mozilla shadow version*/

}


Save>Activate
Photo of xzw1977624

xzw1977624

  • 12 Posts
  • 0 Reply Likes
Thanks very much, I try different number on your code, and it enlarge in bigger size, the effect is still good, perhaps I can use it else where too. Thanks!
Photo of xzw1977624

xzw1977624

  • 12 Posts
  • 0 Reply Likes
I able to add in my script on normal HTML widget, but doesn't work on online store HTML side, it add in automatically. Is there anything I can do to get rid of them?
Cheers

Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
If you want to delete any HTML that you may have added and then wish to remove: open the page with your sitebuilder and click on the HTML widget Edit. Confirm this is what you wish to remove and then click on the little x at the top right hand corner. This will remove the widget and all its content.

If you only wish to remove some of the HTML then just backspace over the code you wish to remove
Photo of xzw1977624

xzw1977624

  • 12 Posts
  • 0 Reply Likes
Oh sorry to mislead you, I a, able to do what you said and edit in online store CSS, however I want to add my javascript in online store html, but it doesn't work , it adds in automatically
Photo of xzw1977624

xzw1977624

  • 12 Posts
  • 0 Reply Likes
it adds in (p) (html language) (sorry cant display bracket p bracket here)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
In the Online Store you cannot add HTML.

You can add CSS and some javascript but no HTML.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
All you need to do is to copy the code above and paste it into your CSS space in the Online Store. No brackets, no HTML tags just copy and paste.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
If you find this too difficult please email me: gop@designscent.com