Skip to content

Instantly share code, notes, and snippets.

Shopify Partners shopifypartners

Block or report user

Report or block shopifypartners

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@shopifypartners
shopifypartners / label-language-settings.json
Created Sep 25, 2019
How to use Shopify theme settings to create mobile-specific logos |
View label-language-settings.json
"label": {
"de": "Logo-Foto",
"en": "Logo image",
"es": "Logotipo",
"fr": "Image du logo",
"it": "Immagine del logo",
"ja": "ロゴ画像",
"pt-BR": "Imagem do logotipo"
}
@shopifypartners
shopifypartners / mobile-logo-styles.scss
Created Sep 25, 2019
How to use Shopify theme settings to create mobile-specific logos |
View mobile-logo-styles.scss
/*================ Display and hide logo images on header ================*/
/* Large devices (over 700 px) */
@media only screen and (min-width: 701px) {
#mobile{
display:none;
}
}
/* Small devices (under 700 px) */
@shopifypartners
shopifypartners / mobile-logo-markup.liquid
Created Sep 25, 2019
How to use Shopify theme settings to create mobile-specific logos |
View mobile-logo-markup.liquid
<div id="desktop">
{% if section.settings.logo != blank %}
{% capture image_size %}{{ section.settings.logo_max_width }}x{% endcapture %}
<img src="{{ section.settings.logo | img_url: image_size }}"
srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x"
alt="{{ section.settings.logo.alt | default: shop.name }}">
{% else %}
{{ shop.name }}
{% endif %}
</div>
@shopifypartners
shopifypartners / duplicate-logo-markup.liquid
Created Sep 25, 2019
How to use Shopify theme settings to create mobile-specific logos |
View duplicate-logo-markup.liquid
{% if section.settings.logo != blank %}
{% capture image_size %}{{ section.settings.logo_max_width }}x{% endcapture %}
<img src="{{ section.settings.logo | img_url: image_size }}"
srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x"
alt="{{ section.settings.logo.alt | default: shop.name }}">
{% else %}
{{ shop.name }}
{% endif %}
{% if section.settings.mobile_logo != blank %}
@shopifypartners
shopifypartners / mobile-logo-settings.json
Created Sep 25, 2019
How to use Shopify theme settings to create mobile-specific logos |
View mobile-logo-settings.json
{
"type": "image_picker",
"id": "logo",
"label": "Logo image"
},
{
"type": "range",
"id": "logo_max_width",
"min": 50,
"max": 450,
@shopifypartners
shopifypartners / duplicate-logo-settings.json
Last active Sep 25, 2019
How to use Shopify theme settings to create mobile-specific logos |
View duplicate-logo-settings.json
{
"type": "image_picker",
"id": "logo",
"label": "Logo image"
},
{
"type": "range",
"id": "logo_max_width",
"min": 50,
"max": 450,
@shopifypartners
shopifypartners / logo-markup.liquid
Created Sep 25, 2019
How to use Shopify theme settings to create mobile-specific logos |
View logo-markup.liquid
{% if section.settings.logo != blank %}
{% capture image_size %}{{ section.settings.logo_max_width }}x{% endcapture %}
<img src="{{ section.settings.logo | img_url: image_size }}"
srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x"
alt="{{ section.settings.logo.alt | default: shop.name }}">
{% else %}
{{ shop.name }}
{% endif %}
@shopifypartners
shopifypartners / logo-settings.json
Created Sep 25, 2019
How to use Shopify theme settings to create mobile-specific logos |
View logo-settings.json
{
"type": "image_picker",
"id": "logo",
"label": "Logo image"
},
{
"type": "range",
"id": "logo_max_width",
"min": 50,
"max": 450,
@shopifypartners
shopifypartners / gallery.liquid
Last active Sep 26, 2019
Example of a product gallery that has been updated to support for media
View gallery.liquid
View show_product_recommendations.liquid
{
"type": "checkbox",
"id": "show_product_recommendations",
"label": "Turn on product recommendations",
"default": false
}
You can’t perform that action at this time.