Dessky » shopify https://dessky.com Providing Digital Products and Support Tue, 16 Dec 2025 10:28:15 +0000 en-US hourly 1 Most Successful Shopify Dropshipping Websites https://dessky.com/blog/most-successful-shopify-dropshipping-websites/ https://dessky.com/blog/most-successful-shopify-dropshipping-websites/#comments Fri, 01 Jul 2022 19:13:58 +0000 https://dessky.com/?p=3360 If you're seeking for helpful insights into the most successful Shopify stores, as well as the secrets that have contributed to their success, you've come to the right spot!

The post Most Successful Shopify Dropshipping Websites appeared first on Dessky.

]]> https://dessky.com/blog/most-successful-shopify-dropshipping-websites/feed/ 0 Add a cookie compliance banner in Shopify https://dessky.com/snippet/add-a-cookie-compliance-banner-in-shopify/ https://dessky.com/snippet/add-a-cookie-compliance-banner-in-shopify/#comments Sat, 27 Mar 2021 13:41:12 +0000 http://localhost/lettuce/?p=145 Cookie HTML banner saved as snippet in snippets/cookie-banner.liquid : <style> #cookies-banner { display: none; justify-content: center; align-items: center; padding: 1em; position: fixed; bottom: 0px; width: 100%; background: #fff; border-top: 1px solid #dcdcdc; } </style> <div id="cookies-banner"> <span>This website uses cookies to ensure you get the best experience on our website.</span> <button style="margin-left: 1em;" onclick="handleDecline()">Decline</button> <button […]

The post Add a cookie compliance banner in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/add-a-cookie-compliance-banner-in-shopify/feed/ 0 Display product filter in Shopify https://dessky.com/snippet/display-product-filter-in-shopify/ https://dessky.com/snippet/display-product-filter-in-shopify/#comments Fri, 19 Feb 2021 09:06:17 +0000 http://localhost/lettuce/?p=154 Display product filter: <form class="filter-form"> {%- for filter in collection.filters -%} <details class="filter-group"> <summary class="filter-group-summary"> <div> <span>{{ filter.label }}</span> {%- if filter.active_values.size > 0 -%} <span>({{ filter.active_values.size }})</span> {%- endif -%} </div> </summary> <div class="filter-group-display"> <div class="filter-group-display__header"> <span class="filter-group-display__header-selected">{{ filter.active_values.size }} selected</span> {%- if filter.active_values.size > 0 -%} <a href="{{ filter.url_to_remove }}" class="filter-group-display__header-reset">Reset</a> {%- endif […]

The post Display product filter in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/display-product-filter-in-shopify/feed/ 0 JavaScript submission of the localization form in Shopify https://dessky.com/snippet/javascript-submission-of-the-localization-form-in-shopify/ https://dessky.com/snippet/javascript-submission-of-the-localization-form-in-shopify/#comments Fri, 25 Sep 2020 00:53:25 +0000 http://localhost/lettuce/?p=151 Because your country or language selector is a custom element and there’s no submit button included in the form, you need to submit the form through JavaScript. class LocalizationForm extends HTMLElement { constructor() { super(); this.elements = { input: this.querySelector('input[name="language_code"], input[name="country_code"]'), button: this.querySelector('button'), panel: this.querySelector('ul'), }; this.elements.button.addEventListener('click', this.openSelector.bind(this)); this.elements.button.addEventListener('focusout', this.closeSelector.bind(this)); this.addEventListener('keyup', this.onContainerKeyUp.bind(this)); this.querySelectorAll('a').forEach(item => item.addEventListener('click', […]

The post JavaScript submission of the localization form in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/javascript-submission-of-the-localization-form-in-shopify/feed/ 0 Display product collection in Shopify https://dessky.com/snippet/display-product-collection-in-shopify/ https://dessky.com/snippet/display-product-collection-in-shopify/#comments Fri, 28 Aug 2020 18:28:17 +0000 http://localhost/lettuce/?p=136 Here is how to display a product collection in a template. <ul> {% for product in collections.all.products %} <li><a href="{{ product.url}}">{{ product.title}}</a> {% endfor %} </ul> Save it as collection-product-list.liquid.

The post Display product collection in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/display-product-collection-in-shopify/feed/ 0 List products in Shopify https://dessky.com/snippet/list-products-in-shopify/ https://dessky.com/snippet/list-products-in-shopify/#comments Mon, 20 Jul 2020 06:00:03 +0000 http://localhost/lettuce/?p=138 <ul> {% for product in collection-product-list limit: limit_count %} <li><a href="{{ product.url }}">{{ product.title }}</a> {% endfor %} </ul>

The post List products in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/list-products-in-shopify/feed/ 0 Display unit price in Shopify https://dessky.com/snippet/display-unit-price-in-shopify/ https://dessky.com/snippet/display-unit-price-in-shopify/#comments Fri, 20 Mar 2020 15:21:23 +0000 http://localhost/lettuce/?p=157 Display unit price for line item: {% if line_item.unit_price_measurement %} {{ line_item.unit_price | money }} {% if line_item.unit_price_measurement.reference_value != 1 %} {{ line_item.unit_price_measurement.reference_value }} {% endif %} {{ line_item.unit_price_measurement.reference_unit }} {% endif %} Display unit price for variant: {% if variant.unit_price_measurement %} {{ variant.unit_price | money }} {% if variant.unit_price_measurement.reference_value != 1 %} {{ variant.unit_price_measurement.reference_value […]

The post Display unit price in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/display-unit-price-in-shopify/feed/ 0 Add a contact form in Shopify https://dessky.com/snippet/add-a-contact-form-in-shopify/ https://dessky.com/snippet/add-a-contact-form-in-shopify/#comments Sat, 22 Feb 2020 10:17:43 +0000 http://localhost/lettuce/?p=148 Add a contact form to your theme to allow customers to get in touch with the merchant. {% form 'contact' %} {{ form.errors | default_errors }} <div class="first-name"> <label for="first-name">First name</label> <input type="text" name="contact[first_name]" id="first-name" /> </div> <div class="last-name"> <label for="last-name">Last name</label> <input type="text" name="contact[last_name]" id="last-name" /> </div> <div class="phone"> <label for="phone">Phone</label> <input type="tel" name="contact[phone]" […]

The post Add a contact form in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/add-a-contact-form-in-shopify/feed/ 0 Add reCAPTCHA in Shopify https://dessky.com/snippet/add-recaptcha-in-shopify/ https://dessky.com/snippet/add-recaptcha-in-shopify/#comments Mon, 02 Dec 2019 04:32:22 +0000 http://localhost/lettuce/?p=144 The necessary code for the reCAPTCHA functionality is included through the content_for_header object. This means that if a merchant has reCAPTCHA enabled, but the content_for_header object is not present, then the reCAPTCHA functionality won’t be present. The reCAPTCHA functionality is initialized based on the presence of customer, contact, and blog comment forms, and is triggered […]

The post Add reCAPTCHA in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/add-recaptcha-in-shopify/feed/ 0 Add menu in Shopify https://dessky.com/snippet/add-menu-in-shopify/ https://dessky.com/snippet/add-menu-in-shopify/#comments Thu, 20 Jun 2019 07:09:56 +0000 http://localhost/lettuce/?p=152 To add menu to your theme, you can use the linklists object to find the menu that you want to output. The default menu is the Main menu, which can be accessed with it’s handle main-menu. {% for link in linklists.main-menu.links %} <!-- menu content --> {% endfor %} And here is how to display […]

The post Add menu in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/add-menu-in-shopify/feed/ 0 Add product media in Shopify https://dessky.com/snippet/add-product-media-in-shopify/ https://dessky.com/snippet/add-product-media-in-shopify/#comments Wed, 16 Jan 2019 18:06:36 +0000 http://localhost/lettuce/?p=160 In Shopify merchants can add media to their products, like images, 3D models, videos, and YouTube or Vimeo videos. To display product media on the product page, and your product page content is hosted in a product.liquid section, then you might do the following: Create a snippet called media.liquid to host your media display. Render […]

The post Add product media in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/add-product-media-in-shopify/feed/ 0 Add country selector in Shopify https://dessky.com/snippet/add-country-selector-in-shopify/ https://dessky.com/snippet/add-country-selector-in-shopify/#comments Tue, 04 Sep 2018 02:52:06 +0000 http://localhost/lettuce/?p=149 Add button and a popover containing each country option. {% if localization.available_countries.size > 1 %} <localization-form> {% form 'localization' %} <div class="disclosure"> <button type="button" class="disclosure__button" aria-expanded="false" aria-controls="CountryList"> {{ localization.country.name }} ({{ localization.country.currency.iso_code }} {{ localization.country.currency.symbol }}) <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 […]

The post Add country selector in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/add-country-selector-in-shopify/feed/ 0 Display price and discounts in Shopify https://dessky.com/snippet/display-price-and-discounts-in-shopify/ https://dessky.com/snippet/display-price-and-discounts-in-shopify/#comments Sun, 03 Jun 2018 11:44:49 +0000 http://localhost/lettuce/?p=146 Display the price and discounts: {% for item in cart.items %} <!-- item info --> {% if item.original_price > item.final_price %} <s>{{ item.original_price | money }}</s> {% endif %} {{ item.final_price | money }}) {% if item.line_level_discount_allocations.size > 0 %} Discounts: <ul> {% for discount_allocation in item.line_level_discount_allocations %} <li> {{ discount_allocation.discount_application.title }}-{{ discount_allocation.amount | money […]

The post Display price and discounts in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/display-price-and-discounts-in-shopify/feed/ 0 Add security badge to your theme in Shopify https://dessky.com/snippet/add-security-badge-to-your-theme-in-shopify/ https://dessky.com/snippet/add-security-badge-to-your-theme-in-shopify/#comments Sat, 26 May 2018 12:40:54 +0000 http://localhost/lettuce/?p=143 <a href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure" title="This online store is secured by Shopify" target="_blank" rel="nofollow" > <img src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-white.svg" alt="Shopify secure badge" > </a>

The post Add security badge to your theme in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/add-security-badge-to-your-theme-in-shopify/feed/ 0 Customize robots.txt in Shopify https://dessky.com/snippet/customize-robots-txt-in-shopify/ https://dessky.com/snippet/customize-robots-txt-in-shopify/#comments Wed, 24 Jan 2018 12:04:13 +0000 http://localhost/lettuce/?p=141 Shopify generates a default robots.txt file that works for most stores. However, if you want to make changes to the default file, then you can add the robots.txt.liquid template in order to make the following customizations: Add a new rule to an existing group Remove a rule from an existing group Add custom rules The […]

The post Customize robots.txt in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/customize-robots-txt-in-shopify/feed/ 0 Display search results filter in Shopify https://dessky.com/snippet/display-search-results-filter-in-shopify/ https://dessky.com/snippet/display-search-results-filter-in-shopify/#comments Tue, 26 Dec 2017 05:45:30 +0000 http://localhost/lettuce/?p=155 Display search results filter: <form class="filter-form"> <input type="hidden" name="q" value="{{ search.terms }}"> {%- for filter in search.filters -%} <details class="filter-group"> <summary class="filter-group-summary"> <div> <span>{{ filter.label }}</span> {%- if filter.active_values.size > 0 -%} <span>({{ filter.active_values.size }})</span> {%- endif -%} </div> </summary> <div class="filter-group-display"> <div class="filter-group-display__header"> <span class="filter-group-display__header-selected">{{ filter.active_values.size }} selected</span> {%- if filter.active_values.size > 0 -%} […]

The post Display search results filter in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/display-search-results-filter-in-shopify/feed/ 0 Show product recommendations in Shopify https://dessky.com/snippet/show-product-recommendations-in-shopify/ https://dessky.com/snippet/show-product-recommendations-in-shopify/#comments Wed, 06 Dec 2017 06:49:29 +0000 http://localhost/lettuce/?p=158 In this snippet, the section content builds the general display by looping through each product returned through the products attribute of the recommendations object. Add this code to sections/product-recommendations.liquid <div class="product-recommendations" data-url="{{ routes.product_recommendations_url }}?section_id={{ section.id }}&product_id={{ product.id }}&limit=4" > {%- if recommendations.performed and recommendations.products_count > 0 -%} <h2>You may also like</h2> <ul> {%- for product […]

The post Show product recommendations in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/show-product-recommendations-in-shopify/feed/ 0 Add tag filtering in Shopify https://dessky.com/snippet/add-tag-filtering-in-shopify/ https://dessky.com/snippet/add-tag-filtering-in-shopify/#comments Sat, 11 Nov 2017 17:57:37 +0000 http://localhost/lettuce/?p=156 To implement a tag filtering feature, you can loop through all of the product tags in the collection using the all_tags attribute of the collection object. {% if collection.all_tags.size > 0 %} <ul class="tag-filters"> {% for tag in collection.all_tags %} {% if current_tags contains tag %} <li class="tag-filters__item active">{{ tag | link_to_remove_tag: tag }}</li> {% […]

The post Add tag filtering in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/add-tag-filtering-in-shopify/feed/ 0 Add hreflang tags in Shopify https://dessky.com/snippet/add-hreflang-tags-in-shopify/ https://dessky.com/snippet/add-hreflang-tags-in-shopify/#comments Fri, 27 Oct 2017 16:30:38 +0000 http://localhost/lettuce/?p=140 An hreflang tag is a link element that identifies a localized URL of a website. You should add a unique hreflang tag for each language or region URL that exists, and they should be included in the , which is commonly found in theme.liquid. <head> <!-- head element content --> <link rel="alternate" hreflang="en" href="your-store.myshopify.com" /> […]

The post Add hreflang tags in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/add-hreflang-tags-in-shopify/feed/ 0 Add SEO meta in Shopify https://dessky.com/snippet/add-seo-meta-in-shopify/ https://dessky.com/snippet/add-seo-meta-in-shopify/#comments Mon, 23 Oct 2017 03:01:51 +0000 http://localhost/lettuce/?p=139 Add SEO metadata in your theme using HTML and Liquid. <head> <title> {{ page_title -}} {%- if current_tags %} &ndash; tagged "{{ current_tags | join: ', ' }}"{% endif -%} {%- if current_page != 1 %} &ndash; Page {{ current_page }}{% endif -%} {%- unless page_title contains shop.name %} &ndash; {{ shop.name }}{% endunless -%} […]

The post Add SEO meta in Shopify appeared first on Dessky.

]]> https://dessky.com/snippet/add-seo-meta-in-shopify/feed/ 0