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 JS
Created November 13, 2017 09:32
Expand wholesale prices by default (outdated?)
<!--
An HTML/JS snippet for Ecwid to display wholesale pricing block (bulk pricing) explanded by default on the product detail pages
Put this code after Ecwid integration code on your site
-->
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script type="text/javascript">
Ecwid.OnPageLoaded.add(function(page){
if (page.type == "PRODUCT") {
setTimeout(
function () {
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created August 9, 2017 08:18
Add tabs to product descriptions
1) Add this HTML code to the product description itself (similar to https://support.ecwid.com/hc/en-us/articles/207808475-How-to-add-tabs-in-product-description#AddTabs):
<section class="tabs">
<input class="tabs__input" checked="" type="radio" name="tab" id="tab-1">
<input class="tabs__input" type="radio" name="tab" id="tab-2">
<input class="tabs__input" type="radio" name="tab" id="tab-3">
<label class="tabs__link" for="tab-1">Tab 1</label>
<label class="tabs__link" for="tab-2">Tab 2</label>
<label class="tabs__link" for="tab-3">Tab 3</label>
<article class="tabs__content">
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created August 5, 2017 10:03
Disabling product click in the shopping cart
.ecwid-productBrowser-cart .ecwid-productBrowser-cart-itemsTable-cell-thumbnail,
.ecwid-productBrowser-cart .ecwid-productBrowser-productNameLink {
pointer-events: none;
}
@ae-elaine-axis
ae-elaine-axis / gist:441675ccad9a616e5bba2a6b791618ef
Created August 1, 2017 19:10
Starter SIte - move categories menu on top of the cover image
.tiles .menu { position: absolute; top: -98vh; width: 100%; background-color: transparent; }
.tiles .menu .cat-name a { color: #fff; }
.body { overflow: visible; }
@ae-elaine-axis
ae-elaine-axis / CSS
Created July 10, 2017 11:05
Responsiveness
.ecwid-productBrowser {
width: 75%;
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created June 20, 2017 10:06
Rename Add to Cart for one product
.ecwid .ecwid-productBrowser-ProductPage-78820170 button.ecwid-btn--addToBag {
font-size: 0px;
padding-top: 20px;
padding-bottom: 15px;
}
.ecwid .ecwid-productBrowser-ProductPage-78820170 button.ecwid-btn--addToBag:after {
font-size: 16px;
content: "Something";
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created June 20, 2017 10:06
Rename Add to Cart for one product
.ecwid .ecwid-productBrowser-ProductPage-78820170 button.ecwid-btn--addToBag {
font-size: 0px;
padding-top: 20px;
padding-bottom: 15px;
}
.ecwid .ecwid-productBrowser-ProductPage-78820170 button.ecwid-btn--addToBag:after {
font-size: 16px;
content: "Something";
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created June 16, 2017 09:32
Change color of In Bag and security lock
/* Change color of In Bag and security lock to #3488C8 */
div.ecwid-AddressForm-secureLockIcon {
background: transparent url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'><path d='M42 0v42H0L42 0z' fill='%233488C8'/><path d='M36.14 30.074v6.215c0 .286-.105.535-.322.74-.21.198-.466.3-.775.3H24.097c-.302 0-.565-.102-.775-.307-.217-.204-.322-.447-.322-.734v-6.216c0-.288.105-.537.322-.74.21-.206.466-.308.775-.308h.362V26.88c0-1.335.498-2.485 1.503-3.443C26.968 22.48 28.17 22 29.57 22c1.4 0 2.602.48 3.607 1.437 1.005.958 1.504 2.108 1.504 3.443v2.146h.363c.302 0 .565.102.775.307.217.204.322.447.322.74zm-9.487-1.048h5.84V26.88c0-.766-.288-1.424-.853-1.974-.58-.543-1.262-.817-2.07-.817-.808 0-1.49.273-2.063.816-.572.543-.854 1.2-.854 1.974v2.146z' fill='%23fff'/></svg>") no-repeat !important;
}
div.ecwid-productBrowser-details-inTheBag {
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height=
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created June 15, 2017 11:50
Change color of security lock div.ecwid-AddressForm-secureLockIcon
div.ecwid-AddressForm-secureLockIcon {
background: transparent url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'><path d='M42 0v42H0L42 0z' fill='%233488C8'/><path d='M36.14 30.074v6.215c0 .286-.105.535-.322.74-.21.198-.466.3-.775.3H24.097c-.302 0-.565-.102-.775-.307-.217-.204-.322-.447-.322-.734v-6.216c0-.288.105-.537.322-.74.21-.206.466-.308.775-.308h.362V26.88c0-1.335.498-2.485 1.503-3.443C26.968 22.48 28.17 22 29.57 22c1.4 0 2.602.48 3.607 1.437 1.005.958 1.504 2.108 1.504 3.443v2.146h.363c.302 0 .565.102.775.307.217.204.322.447.322.74zm-9.487-1.048h5.84V26.88c0-.766-.288-1.424-.853-1.974-.58-.543-1.262-.817-2.07-.817-.808 0-1.49.273-2.063.816-.572.543-.854 1.2-.854 1.974v2.146z' fill='%23fff'/></svg>") no-repeat !important;
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created June 15, 2017 11:50
Change color for bag in product details div.ecwid-productBrowser-details-inTheBag
div.ecwid-productBrowser-details-inTheBag {
background: url("'data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='27' viewBox='0 0 40 49'%3E%3Cpath fill='%233488C8' d='M37 13v27c0 3.31-2.69 6-6 6H9c-3.31 0-6-2.69-6-6V13h34m2-2H1v29c0 4.418 3.582 8 8 8h22c4.418 0 8-3.582 8-8V11z'/%3E%3Ccircle fill='%233488C8' cx='12' cy='17' r='2'/%3E%3Ccircle fill='%233488C8' cx='28' cy='17' r='2'/%3E%3Cpath fill='%233488C8' d='M29 17h-2v-7c0-3.86-3.14-7-7-7s-7 3.14-7 7v7h-2v-7c0-4.962 4.037-9 9-9s9 4.038 9 9v7zM13 30c0 3.86 3.14 7 7 7s7-3.14 7-7h2c0 4.962-4.037 9-9 9s-9-4.038-9-9h2z'/%3E%3C/svg%3E') !important;