View Single Post
  #4  
Old 02-18-2016, 07:54 AM
Daria L.'s Avatar
Daria L. Daria L. is offline
Ecwid Team
 
Join Date: May 2015
Posts: 558
Default

Quote:
Originally Posted by Simtuality View Post
Hi, thanks for the sesponce.

The active store is at www.Simtuality.com/simtuality store
or reach it the sites landing page at simtuality.com
Hello!

I am sorry for such a long delay with the reply.

In order to add your custom minicart you should do the following:

1) Hide the minicart in mini view by adding this CSS code to your custom CSS theme in your Ecwid control panel>Settings>Design:

Code:
div.ecwid-minicart-mini {
  display: none;
}
2) Enable the minicart extension in your Online store settings on Websitebuilder side.

3) Then in order to use your own icon for the minicart widget you need to upload the desired image to your server or to any image hosting and copy the URL. Please, note, the image need to be available via direct links. In order to check image availability just put image address in your browser's address bar and try to open it. If image opens successfully, it means that address is correct and can be used in your CSS rules. For example, here is the correct URL: http://files.empreendemia.com.br.s3-...03798d4e31.jpg

Then open your Ecwid control panel>Settings>Design, your active CSS theme and add the following rule there:

Code:
div.ecwid-minicart {
  background-image: url("ADD YOUR URL HERE");
  border:none;
  width: 159px;
  height: 156px;
  text-align: center;
  display: inline-block;
  z-index: 50;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
}
div.ecwid-minicart-caption {
  display:none;
}
div.ecwid-minicart-label {
  display:none;
}
div.ecwid-minicart-label.hidden {
  display: none;
}
span.ecwid-minicart-label-text {
  display:none;
}
div.ecwid-minicart-link {
 display:none;
}
div.ecwid-minicart-link * {
  display: none;
}
div.ecwid-minicart-counter {
  display:none;
}
div.ecwid-minicart-counter-3 {
 display:none;
}
div.ecwid-minicart-counter-4 {
  display:none;
}
div.ecwid-minicart-counter-5 {
  display:none;
}
div.ecwid-minicart-counter-6 {
  display:none;
}
div.ecwid-minicart-clickArea {
  width: 40px;
  height: 49px;
  cursor: pointer;
  background: transparent;
}
Just change the 'ADD YOUR URL HERE' value to your URL. Then click "Save” (Ctrl+S) and reload the storefront page.

Hope this helps, but if there are any further questions, feel free to ask them.
__________________
Daria L.
Customer Care
Ecwid Help Portal
Ecwid Knowlegde Base