OKCKnet

Shopify: How to find orders containing bundles in Shopify Flow?

Thu, 12 Dec 2024 02:45:00 +0300

If you want to find orders containing bundles in Shopify Flow and send an internal email, you can use the following steps.

Go to Shopify Flow page on your store.
Create a new flow.
Select Trigger: Shopify > Start when: Order Created.
Then + Add an action: Flow > For each item in order.lineItems.
Then + Add a condition: Check if Line item group title not empty and exists.
Then + Add an action: Send an internal email.

After these steps, Shopify Flow will send an email for each order that contains a bundle.
You can customize the email content and recipients as you wish.

Shopify Site Review: rains.com

Sun, 15 Sep 2024 21:15:00 +0300

Today, I’ll be reviewing the site Rains.com. Rains is a brand established in Denmark in 2012, producing raincoats and waterproof bags. They use Shopify as their infrastructure, paired with a very intelligently coded theme. In this review, I’ll be analyzing and sharing my notes on the theme of Rains.com that I found and really liked.

Shopify Editions Summer 2023 Recap

Wed, 31 Jan 2024 07:00:00 +0300

Today at 19:00 (GMT+3), Shopify will release a new update: Shopify Editions Winter 2024.

I will share my reviews post-update, but before that, I want to review the previous version and provide an overview of which features have actively impacted the Shopify ecosystem over time. I want to emphasize beforehand that this is entirely subjective and more about how it affected me as a Theme Developer. The reason I want to share this recap is because not every feature introduced immediately goes into active use. So, even though the upcoming releases may excite you, you should already know that not all features will be immediately available for use.

Shopify: Liquid Snippet for Loading CSS Asynchronously

Wed, 18 Oct 2023 22:30:00 +0300

Shopify recently added section.index to the Liquid API. This is a great addition that allows you to do things like selectively load CSS based on the section index. This is useful for things like loading CSS asynchronously, which can help improve your page speed scores.

If you want to load CSS asynchronously on Shopify, you can use this Liquid snippet:

css.liquid

 {%- liquid
 assign css = css | default: false
 assign section_index = section_index | default: 3
 -%}

 {%- if section_index > 2 -%}
 <link rel="stylesheet" href="{{- css | asset_url-}}" media="print" onload="this.media='all'">
 <noscript>
 {{- css | asset_url | stylesheet_tag -}}
 </noscript>
 {%- else -%}
 {{- css | asset_url | stylesheet_tag -}}
 {%- endif -%}

Then, you can render this snippet in your theme with this code:

Hugo: Dynamic Image Rendering with URL Replacement

Mon, 16 Oct 2023 07:40:00 +0300

If you want to use Hugo to dynamically render images with URL replacement and lazy loading, here is the code.

{{ $card__show_image := .Params.show_image }}
{{ $cardImageURL := "" }}
{{ if and (eq $card__show_image "true") (.Params.images) }}
 {{ with .Params.images }}
 {{ range $image := . | first 1 }}
 {{ $cardImageURL = replaceRE "(=w|s)(2400|1600)" "$1360" $image }}
 {{ end }}
 {{ end }}
 <img src="{{ $cardImageURL | absURL }}" alt="{{ .LinkTitle }}" decoding="async" loading="lazy">
{{ end }}

I’m using this code on my blog to render images with lazy loading and responsive image sizes on different part of my blog, like cards, cover images etc.

Shopify: How to Hide a Product, Page or Post from Search?

Thu, 12 Oct 2023 02:45:00 +0300

If you want to hide a product, page or post (item) from search or seo, here are steps.

Go to Custom Data page on store
Add a new definition with name SEO Visibility
Change Namespace and key as ‘seo.hidden’
Add Integer type with one value and validations (min: 0, max: 1).
Activate Storefront access.
Then go to item and set SEO Visibility metafield value as 1.
Done ✅

After these steps, Shopify will add this code to setted product / page / post etc.

Most Common User Journey Pain Points and Resolutions

Wed, 11 Oct 2023 20:00:00 +0300

User journey represents the route a website visitor follows, beginning from their initial arrival to the ultimate conversion. Ideally, this path should be seamless, intuitive, and satisfying, though this isn’t always the case. Within this article, we will explore common issues experienced along the user journey and discuss how these challenges can be effectively addressed through the application of web design best practices.

Issue 1: Unclear Value Proposition

One of the initial elements that captures a user’s attention on your website is your value proposition: it must communicate what you provide, how you address their needs, and why you stand out among competitors. When your value proposition is unclear, vague, or hidden, it puts at risk both the user’s engagement and trust. To alleviate this issue, your task is to craft a clear and compelling value proposition that answers the user’s fundamental query: “What’s in it for me?” Furthermore, you should prominently display it on your homepage, above the initial screen view, and reinforce it with visual aids like images, icons, or videos.

Welcome Google Chrome

Wed, 03 Sep 2008 02:23:00 +0300

Google Chrome…

Google’s web browser. In other words, a new and strong competitor to Internet Explorer, Firefox, Opera, and Safari. And even with its first version, it’s amazing. Congratulations, Google, you’ve done it again…

I’m writing these lines with Google Chrome right now. It has a built-in spell checker, but it doesn’t yet support Turkish. However, I predict that it will start supporting it soon.

Like all Google products, Google Chrome is very simple yet highly functional. I love simplicity in web browsers. I’ve always tried to stay away from toolbars and menus. Google Chrome perfectly reflects how I feel and has eliminated all unnecessary tools. This way, you have much more space to view web pages.