Skip to content

Instantly share code, notes, and snippets.

View ae-elaine-axis's full-sized avatar

ae-elaine-axis

View GitHub Profile
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created June 15, 2017 10:04
Custom credit card logo
/* Hide the default payment methods icons for the first payment method */
div.ecwid-PaymentMethodsBlock-PaymentOption:nth-child(1) div.ecwid-PaymentMethodsBlock-PaymentOption-htmlBlock { display: none;
}
/* Add a custom image as the background for the block with first payment option */
div.ecwid-PaymentMethodsBlock-PaymentOption:nth-child(1) {
background: url(https://www.ideal.nl/img/statisch/iDEAL-klein.gif) no-repeat 15px 24px/100px 65px;
width: 550px;
height: 90px;
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created May 23, 2017 13:11
Hide prices for out of stock products on category and product details page
div.ecwid-productBrowser-detailsContainer-outOfStock .ecwid-productBrowser-price,
td.ecwid-productBrowser-productsGrid-cell-outOfStock .ecwid-productBrowser-price,
.ecwid-productBrowser-productsList-productRow-outOfStock .ecwid-productBrowser-price,
.ecwid-productBrowser-productsTable-row-outOfStock .ecwid-productBrowser-price {
display: none;
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created May 23, 2017 12:49
Hide smthg if a product has 0 price
div.ecwid-productBrowser-detailsContainer-zeroPrice {
...}
@ae-elaine-axis
ae-elaine-axis / gist:f7ad5900a1597689f368e7907ab8e768
Created May 19, 2017 11:38
Change color of SVG cart (Starter SIte)
.float-icons > .cart-icon a {
border-color: #663a8c;
}
.float-icons > div.cart-icon a {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='26' viewBox='0 0 20 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23663a8c' d='M.5 6.5v14.81c0 2.255 1.79 4.084 4 4.084h11c2.21 0 4-1.83 4-4.085V6.5H.5zM6 10.585c.552 0 1-.457 1-1.02C7 9 6.552 8.542 6 8.542S5 9 5 9.563c0 .565.448 1.022 1 1.022zm8 0c.552 0 1-.457 1-1.02 0-.565-.448-1.022-1-1.022S13 9 13 9.563c0 .565.448 1.022 1 1.022z'/%3E%3Cpath fill='%23663a8c' d='M14.5 6h-1V4.582c0-1.97-1.57-3.575-3.5-3.575S6.5 2.61 6.5 4.582V6h-1V4.582C5.5 2.048 7.52-.014 10-.014c2.482 0 4.5 2.062 4.5 4.596V6z'/%3E%3C/g%3E%3C/svg%3E");
}
@ae-elaine-axis
ae-elaine-axis / gist:ddd698f08793d3433e4424b3b6030440
Created May 19, 2017 11:27
Share buttons in top-right corner of the Starter Site (unfolded version)
.header .share-panel > div.share-icon {
display: none;
}
.header .share-panel > div.channel {
animation: none;
}
.header .share-panel {
width: 100%;
}
.header .share-panel.vertical {
@ae-elaine-axis
ae-elaine-axis / gist:f22ad4513b681d3347e4e0530fa4dcd2
Created May 15, 2017 10:52
"Log In to see prices" notice in right panel on product pages
body.ecwid-customer-loggedOut .ecwid-productBrowser-sku:after {
display: block;
content: "Sign In to see the price";
font-weight: 600;
font-size: 18px;
text-align: center;
color: green;
margin-top: 30px;
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created April 11, 2017 10:10
Add custom font
@at-root {
@font-face {
font-family: 'Indie Flower';
font-style: normal;
font-weight: 400;
src: local('Indie Flower'), local('IndieFlower'), url(https://fonts.gstatic.com/s/indieflower/v8/10JVD_humAd5zP2yrFqw6hampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
}
.ecwid div, .ecwid span, .ecwid a, .ecwid p {
@ae-elaine-axis
ae-elaine-axis / gist:577b3802f96b0349c9bb0852f3b08427
Created March 29, 2017 17:53
Vertical menu in Wix, move it to the top
/*if the categories are hidden*/
div.ecwid-categories {
display: block !important;
}
.ecwid-productBrowser {
width: 85% !important;
margin-left: 145px !important;
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created March 29, 2017 14:34
Dispplay old floating shopping bag in mobile view
@media screen and (max-width: 600px) {
html#ecwid_html body#ecwid_body div.ecwid-minicart-floating {
display: block !important;
}
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created March 29, 2017 14:08
Sort By panel in mobile view, Starter Site
@media screen and (max-width: 600px) {
div.ecwid-results-topPanel div {
display: inline-block !important;}
}