Skip to content

Instantly share code, notes, and snippets.

@dpw1
dpw1 / header.liquid
Last active November 25, 2022 12:44
Dawn sticky header
{% comment %}
____ _ _ _ _ _
/ ___| | |_ (_) ___ | | __ _ _ | |__ ___ __ _ __| | ___ _ __
\___ \ | __| | | / __| | |/ / | | | | | '_ \ / _ \ / _` | / _` | / _ \ | '__|
___) | | |_ | | | (__ | < | |_| | | | | | | __/ | (_| | | (_| | | __/ | |
|____/ \__| |_| \___| |_|\_\ \__, | |_| |_| \___| \__,_| \__,_| \___| |_|
|___/
## Custom Dawn Sticky header by ezfycode.com
{% endcomment %}
@dpw1
dpw1 / base.css
Last active March 6, 2024 21:22
Custom sales badge Dawn theme
/* ## Collection page and sections (change badges color/font size)
https://ezfycode.com/blog/dawn-theme-how-to-customize-badges-color-and-size
================================== */
.card .badge[class*="accent"],
.card .badge[class*="inverse"],
.product .badge[class*="sale"],
.product .badge[class*="sold"] {
border-color: transparent !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 / 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 / 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
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 / image-banner.liquid
Last active October 26, 2023 06:26
Make the Shopify Dawn's theme banner image clickable.
{% if section.settings.link != blank %}
<a class="ezfy-custom-link"
href="{{ section.settings.link }}"
{% if section.settings.new_tab %}target="_blank"{% endif %}
></a>
<style>
.image-banner-section{
position: relative;
}
@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 / 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 / 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;
}