Skip to content

Instantly share code, notes, and snippets.

@dpw1
dpw1 / theme.css
Last active November 13, 2021 03:32
Code to make the Debut slideshow text show inside the images on mobile
@media (max-width: 767px){
.slideshow__title,
.slideshow__subtitle {
display: block !important;
}
.slideshow__text-content--mobile,
.slideshow__title--mobile,
@dpw1
dpw1 / base.css
Created November 21, 2021 03:46
Change Shopify's Dawn theme price color across all pages
.price__sale .price-item--regular{
color: #ff0000 !important;
}
.cart-item__price-wrapper *,
.price__sale .price-item--sale{
color: #2d2d2d !important;
}
@dpw1
dpw1 / main-product.liquid
Created November 22, 2021 06:38
Full width description below images on the Dawn theme
{%- if product.description != blank -%}
<div class="product__description-parent">
<h2>Description</h2>
<div class="product__description product__description--custom rte">
{{ product.description }}
</div>
</div>
<style>
@media (max-width: 749px){
.product__description-parent{
@dpw1
dpw1 / theme.css
Last active January 31, 2022 04:06
Debut header's logo size
.site-header__logo-image,
.site-header__logo-image >*{
max-width: 100px !important;
margin-left: 0px;
width: 100% !important;
margin: unset;
}
@dpw1
dpw1 / main-product.liquid
Last active March 8, 2022 04:15
Dawn theme - text above images on product pages
<style>
@media (max-width: 767px){
.product__title--mobile{
display: block;
text-align: left;
font-size: 35px !important;
margin-top: 0px !important;
margin-bottom: 20px !important;
}
@dpw1
dpw1 / theme.css
Created May 3, 2022 01:45
Hide price for sold out products on Shopify's Debut Theme
.list-view-item .price--sold-out .price__regular, .list-view-item .price--sold-out .price__sale, .list-view-item .price--sold-out .price__unit, .grid-view-item--sold-out .price--sold-out .price__regular, .grid-view-item--sold-out .price--sold-out .price__sale, .grid-view-item--sold-out .price--sold-out .price__unit{ display: none !important; }
@dpw1
dpw1 / theme.css
Created May 3, 2022 01:46
Hide price for sold out products on Shopify's Debut Theme
.template-product .price--sold-out .price__regular, .template-product .price--sold-out .price__sale, .template-product .price--sold-out .price__unit{ display: none !important; }
@dpw1
dpw1 / main-product.liquid
Last active June 1, 2022 05:40
Dawn theme - hide sold out products' price
<style>
[id*='price-template'],.product__tax{
/* transition: opacity .25s; */
}
</style>
<script>
window.ezfyProductData = [
{% for variant in product.variants %}
@dpw1
dpw1 / FacebookGroupPoster.json
Created December 11, 2018 21:30
Facebook Groups Automatic Post (text + local file) for Kantu Browser Extension
{
"Name": "Facebook Group",
"CreationDate": "2018-12-11",
"Commands": [
{
"Command": "comment",
"Target": "Modify the two variables below. For posttext Use ${KEY_ENTER} for line breaks. For postfile remember it's a local file.",
"Value": ""
},
{
@dpw1
dpw1 / ezfy-hide-sold-out.liquid
Created October 24, 2022 12:23
ezfycode.com/blog/how-to-hide-out-of-stock-products
<style>
[id] .collection .grid__item--is-sold-out{
display: none;
}
.collection-page--ezfy .loading-overlay{
display: none !important;
}
</style>
<script>