利用 Shopify 架設網路商店的例子

Shopify 是甚麼不會是你閱讀這文章的目的,云云網際上不難找到深入介紹 Shopify 的文章。我只想嘗試介紹一些利用 Shopify 做後台的網站,讓大家了解更多 Shopify 如何協助他們「站」起來。

Somethin’ Sweet

somethin-sweet

我是從 Facebook Suggest Post 接觸這個 Somethin’ Sweet 網站。一張張誘人的相片,的確俘擄了不少眼球。基本上這個網站規模拍不住 YesStyle.com ,主打韓風的購物網站。它善用 Shopify 的 Collection 設定,把林林種種的商品歸類一起。既分種類,亦以模特作分類:

分類 / Categories: http://www.sthsweet.com/collections/bottom/skirts
主題 / Theme: http://www.sthsweet.com/collections/going-out
模特 / Models: http://www.sthsweet.com/collections/fiona

somethin-sweet-fiona基本上 Somethin’ Sweet 充份利用 Shopify 的基本功能,並毫不吝嗇發揮 Cross-sell 法力,在網站中不同地方提供 Cross-selling sections。基本上每件商品文末會放,在購物車頁尾又放。林林種種的 Cross-sell 務求讓你不斷加、加、加東西入購物車中。

 

me Me & ME

me-me-and-me

這個 me Me & ME 網站相對細小,介紹它乃網主是黃占女兒黃宇詩一手創辦的內衣及睡衣的品牌。黃宇詩出身娛樂世家,人脈廣要開店有何難。但她選擇利用 Shopify 作為其網店平台(加一間位於中環半山 SOHO 區附近的 PMQ 元創坊的實店),確作為其可靠的參考。當然,黃宇詩善做主持不等於她能駕駁編程,她是透過 Chic Workshop 替供開發技術。Shopify 的過人之處是它除提供建全的購物功能外,它還有一套自由度高的主題模組開發功能。其主題模組語言 Liquid 讓網站設計師相對輕易將設計與功能配合起來建構網站。比起由零開始用純 HTML / PHP 開發網站省下不少功夫。

 

K11 Design Store

k11-design-store這是我朋友 Benny Wai 為 K11 利用 Shopify 開發的網店。當然,這網站不單單用網店功能,其於它偏向於 Campaign / Event 這範疇,網站大部份內容乃非商品內容。Shopify 讓你開始不同分頁,URLs 是 SEO Friendly,有利於宣傳。這網站的 Blogs 分頁利用了 FaceBook Embed Post 來達致將 Facebook 內容隔入網站中。

 

Shopify 表面上帶給你建構網上商店的好處,微細點包括穩定的系統上線率,Web Hosting,自定網址、其最值錢的莫過於他們採用 CDN 服務 (Fastly),有效為網站加速內容下載。這是一般單單申請網域和網上空間服務沒有提供的服務。

當然一講到要錢的服務,會把許多「有心創業」的人嚇退。其實網路上免費午餐那個年代經己過去。現在只要你付出合理的價錢,其實你經己可以獲得相應優質的服務。該等付費是支持服務提供者繼續去提供服務下去。

shopify-price US $29 -> HKD $230 一個月,己減省電子商貿方面的開支。基本真正要付錢的地方其實是找開發員幫助你粉飾網站,讓他們向你提供技術,把你的網站看起來較 On Brand ,符合品牌型像。

而小弟也是 Shopify 的開發者之一,KEA 是我的其中一個利用 Shopify 的Portfolio 。

kea

稱不上大師,更不及上述兩位 Shopify 開發員。但若然利用 Shopify 開網店有疑問的,不況聯絡聯絡看看可以為你解答疑問。

GoDaddy with good price but extreme poor support

The web hosting I am using is ICDSoft, but from time to time I will help people setting up website using other web hosting base on their requirement and the budget they can afford.

ICDSoft is very famous in her stable services as well as their extreme helpful support (Suresupport). And I never find them so helpful once I started using some other web hosting, namely, GoDaddy and Hostgator.

Hostgator comes to my eye-sight because of they open China market when I search for economic China web hosting. It does not cost much, but their admin panel is quite messy, and their support is also not fast enough in catering my inquiry. However, it is much better than GoDaddy.

GoDaddy is very famous in their domain sale, she often provides very cheap domain sale. But it also famous in their un-user-friendly admin panel, complicated control of your account. You are not only fail in using username to login your admin panel (you have to use the customer ID). And recently when I help my friend setup the Delux web hosting plan, it almost turns me crazy during the email setup. Therefore I seek for their online support.

After looking up the whole website, GoDaddy only provide Live chat or call-in support. There is no email support or online support ticket system for firing support ticket. I turn out opening the Live chat window and see the screen:

Screen Shot 2014-06-04 at 上午12.45.44

Screen Shot 2014-06-04 at 上午12.45.32

It turns out I waited an hour for a support expert to chat with me. And before I reach the expert, I already sort out the issue by surfing from the Internet.

To know that, support@godaddy.com no longer work:

Screen Shot 2014-06-04 at 上午12.46.14And this is really poor to me, as I often wish to share screen or text file for resolving issue, and GoDaddy turns me down really deeply.

Well, my friends look for economic approach, I can only try harder to help them by myself.

The TV is die-ing

家裹的電視老早成為兩老的唯一娛樂。對父親來說還有報紙,可是老花眼看不清楚;家母文盲,近月退休,只有看著光影畫面才有著一點娛樂。但對於年輕一代,早己有各種各樣的別的娛樂取代。然而不代表電視對他們來說並不重要,只是它內裏播放的內容不再吸引罷了。

HKTV沒有獲得免費電視牌照,當聽到消息一刻,我感到十分錯愕。錯愕是沒有意識到一直呼聲最響,最賣力投入於這一市場的組織,在欠缺具說服力的因由下被排走了。就算引入多了一倍的電視台數量,但這就是這政策的中心目標嗎?報章上、網路上、街頭訪問中,許許多多人的表態都傾向支持不單發牌、而是希望發HKTV免費牌,原因是他的成績有目共睹,他們的努力顯然而見。然而現實是政府又一次反智反眾的執行了另人反感的決定。

認識我的人都認為我是冷靜沉著的一員,以和諧處事待人為忠旨。對上屆選特首,我曾認為唐和何皆是無能人,選梁總比他們好,至少在建屋政策上對我條件有利。但是自他上任後,由初時還覺得不錯,到現在一件又一件令人失望的事發生,七一終於上街了,國教好歹也去了,到今次為免費電視市場多一個台都佔總了。我不想再相信「有能力的人」了。

人什麼時候最失望,當你一直認為的、所深信、所堅持的價值,被打破、被否定、初漠視的一剎,你還有什麼寄望?價值觀被改寫,一切生畏,這城市充斥著這現象。

現實就是現實,沒法如「回到最愛的一天」那樣任何來回過去與現在,也許隨集會一天一天少人下去,事件被淡忘。但政府這次實實在在是「錯」的決定沒有糾正,那休想香港會有一天安寧。因為香港市民不是愚民,他們是活生生實實在在的人,在七百萬人中這件事在他們身上產生了化學作用,既然既定正義的價值都被破壞,那只有反智的抗衡才有用。至少,身邊一向認為也屬沉著的朋友同事,也都認為無武力力度的意見發表不再管用。

我不情願看到身處的這裏慢慢發展至這樣的一個景況,更不願這景況這種人民不再相信政府這一情緒繼續發酵下去。這顯然是一個惡情循環,無助讓香港向更好方向發展。怎麼這麼大的政府就似沒有正常人在內去執行或協助施政?

1383914_10151942505355310_1060447244_n

MacOS Desktop/Finder keep refreshing/restarting

I went to Apple Store for repairing my iMac harddisk recently. After that, when I use it, with Time Machine restoring my Mac to previous backup, I found the Finder keep refreshing for certain time interval.

The symptoms are:

  1. Opened Finder are all gone after some time.
  2. The Desktop keep refreshing with interval

From Apple Discussion, some people mention to solution:

  1. Restart the OS with Safe mode
  2. Remove some corrupted file(s)
  3. Change User Account with potential losing some Account’s preference

Hopefully I didn’t work with those approach until I found someone mention it can be Dropbox issue (to me, I also suspect even related to other Finder related Application, like Google Drive)

Therefore I remove Dropbox, Disable Google Drive, so then, the problem seems gone.

So, if you find yourselves suffering similar case, you may try to disable/uninstall Dropbox / GoogleDrive first, and see if the problem gone. And re-install the spoken software on demand. Hope this help.

My Lego Memory

我是一名樂高迷。樂高世界曾是令我樂不思蜀的鄉土。由小學開始,因舅父買了一副「渡假屋」給我開始,便鍾情這玩意了。接著便不斷希望買新的樂高,整天盼望父母和親戚送我新的配件。當然我並不是刁蠻的嚷著要,而是經母親教晦,要是讀好書考好成績,方可以「視乎情況/睇表現」再決定。結果,我就這讓一直因為了得到更多樂高而努力讀書下去。直到大概高中,因學務日漸煩重而沒再快太多心機迷在樂高處。

還有一些關於樂高的舊事。家附近有一吉之島和屆氐士,就是這兩處地方會有擺放樂高專櫃。而在專櫃上會附有一本該年度的所有產品的小書。雖然現在都有,但我記得小時候的樂高小冊子,裡面是真的把當季/當年的大部份產品組拼成一個場景,印像較深的往往是城市系列,那些港口、運油車、飛機場、火車站……接著是城堡系列和海盜系列。都教人印像深刻。

藉著這篇回想,我盡可能列出我過去曾擁有,或是把父母送給親弟的樂高組合,都羅列下來:
http://www.brickset.com/detail/?Set=6349-1
6349 – Holiday Villa

 

http://www.brickset.com/detail/?Set=6411-1
6411 – Sand Dollar Café

 

http://www.brickset.com/detail/?Set=6594-1
6594 – Gas Transit

 

http://www.brickset.com/detail/?Set=6544-1
544 – Shuttle Transcon

 

http://www.brickset.com/detail/?Set=6335-1
6335: Indy Transport

 

 

A rough start of Google Tag Manager

I assume you have a rough idea what Google Tag Manager (GTM) is, if not, you may either read its official website, or watch the nice Introduction Video to get the brief idea.

Once you have a brief idea of it, it sounds like ‘Yeah! That is our choice and we need it to empower our marketing / site tracking strength and management.’ by marketer, or ‘Gosh! We have to implement it in order to off-load the work of various tag setup from IT Team to Marketing Team’ by I.T. Tech. I am a front-end web developer and often need to make suggestion / decision to confirm whether to go for an approach, and Google’s product often a nice choice to have, but probably not this time when I am writing this blog.

Somewhere over the WWW have people like blogger / SEO expert introducing GTM by coping / elaborating its good point (mostly the good points that mentioned by Google Tag Manager official website). But when you come to the analysis phase, you will find it lack of detail documentation to implement it when you need it a bit more advance.

My case is to start preparing the migration of Google Analytic (ga,js) to Google Universal Analytics (analytics.js) for my company’s E-Store, and I have no difficulty to setup the Containers, Tags, Firing Rules, Marcos for general site tracking using Google Universal Analytics tracking type. I can see the configuration I did in GTM start populating data to various report, mostly similar with what I can see in existing Google Analytics profile. However, for some case we need to have different tracking code with different value per several different page, then the problem I face is the grow of Firing rule. And the worse thing is, all the rules / tag are listed linear, without folder structure for organization.

Furthermore, leverage the tracking code deployment task from IT team to marketing team is not an ideal way in terms of site stability. If there is bug in tracking code and is being deployed without proper testing, the site will subject to the issue and the IT department often be the party who being blaming by site user instead of the marketing team.

I would advise IT team to implement Google Tag Manager to their website, and use it as a way to simplify their tracking code deployment, and keeping the account secret from non-IT team member, so as to avoid them from introducing issue to the site.

戀愛築跡 101 – Introduction to Architecture 101

 

若然看厭了哭哭鬧鬧的韓國愛情電影,這一套相對內心戲重的「戀愛築跡101」是個不錯的嘗試。沒什麼哭鬧,藉改建濟洲一間向海小屋把男女主角年青時候約隱約現似有還無的戀愛故事道出來。

男女主角偶然一起修上建築學,又住在同一小區,從偶遇到有機心地走在一起,維繫起一種暖昧的關係。

電影吸引之處,不在兩人過去那「你不說,我不顧,兩人逢肩擦過」的故事,而在於把建築、城市規劃拉在一起,甚至把一些韓國城市發展中要面對的議題都帶出來讓觀眾反思。例如舊區遷拆、江南江北的貧富分野、與及男主角與母親的相遇,當中都隱含了某些訊息。那一件印著 G.E.U.S.S 的 T-Shirt和那一處被年少無知的男主角踢破的門角,充滿反思的空間。

整套電影要品評的地方,大概就是小處不夠仔細。女主角的年少版和成年版,實在變化很大,難怪故事裏成年後的男主角連曾經心儀過的女子也認不出來。不單美貌程度,還有鼻上的墨、男主角年少和成年兩者性格、行為、處事態度上的差別。然而,這也不會過於影響劇情發展。

眾觀各方面來看,仍是一套值得推介的電影。

海猿 – 東京灣空難 Umizaru – Brave Hearts

整輯「海猿」系列,沒有錯過過。從大輔由一個玩味心重,無事業心的小子,偶然加入了海上保安廳當海上保安官,戰成刻苦訓練,面對過許許多多形形式式的海難,仍堅持走到海難最前線。由油輪事故、油井爆炸,至現在空難也演變成故事。 Continue reading 海猿 – 東京灣空難 Umizaru – Brave Hearts

印帖

[這篇博客內容可能因時日久遠而與現實有差異,請注意!]

結婚要派帖,印帖這話兒在書籍上在網上都有許多參考,但亦有些事好像不多人提及,所以我把印帖過程中得到的心得(其實也不算什麼)綜合在此:

  1. 若你的酒席場地提供請帖,別開心過早,要問清楚他們的帖是否附有預設內容。沒有內容的帖,普遍印帖店才會承印,因為他們大多不願意為你就位,並且會建議你重新買卡來印帖,或是把內容印在珍珠紙上蓋著原有內容
  2. 若遇上第一點的情況,你可以詢問酒席場地有否提供不設預設內容的帖,或是有沒有提供印帖服務。以我的酒席場地「彩晶軒」為例,他們也有提供印帖服務,要$5一張(在網上查過半年前其他彩晶軒都要$3張,不過紙價和人工上漲,沒法子)。在外買帖也基本上$4以上,兩至三星期付印,深水埗昌記快稿要另加$150,正常則要一個月,也許口碑好所以生意興隆。
  3. 若果你有不設原內容的帖,可以考慮把帖印在牛油紙上,,有些店舖這樣較經濟,金都地底有間帖舖,數量多便能低至$3。
  4. 去找印帖,最好把所有帖攜身,不要嫌重,那麼當找到心儀的印帖店時便可即時拿去付印。
  5. 帖,在乎心意,在於提示親朋好友婚禮或晚宴的內容,在兼顧得體的同時,亦要尊重家長意見
  6. 帖,愈精緻漂亮便愈貴,當然若能給人賞心悅目的確更好,只是過於花巧,甚至不環保,那就有點不值得。可知一場婚宴將會製造若干浪費。買卡時買一些就算棄掉也能易於再造,少耗材的(不要光面,磨沙,少用內頁/添加紙)。始終,再漂亮的卡,會保存永世的人不多。我其實認同用4R相片包含一對新人的相片和婚宴內容最為值得記念,但不是一般長輩會認同的。
  7. 印帖,預早一個月印,在決定過大禮前一個月印好,好使過大禮時多一大疊東西付送到女家
  8. 印帖內容最好先寫好,尤其「長兒」「長女」「小兒」「小女」「承嚴慈命」「承嚴命」「承慈命」「喜酌」之類的內容,最好先了解,始終是一種傳統,多認識一種傳統,多一份認知,少一點無知。印帖的人通常都會施予協助,以避免不必要的修改。