Quote:
Originally Posted by Simtuality
|
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.