Joomla – 元件研究 – 任姓人妻 の 生活紀錄 https://blog.cindygirl.cc 我是冠冠，於2015年1月1日正式成為人妻，在此紀錄婚後的點點滴滴。 Sun, 02 Apr 2017 04:50:43 +0000 zh-TW hourly 1 https://wordpress.org/?v=6.9.4 【Joomla】Hikashop 商品規格選擇 (Variant) https://blog.cindygirl.cc/archives/3458/%e3%80%90joomla%e3%80%91hikashop-%e5%95%86%e5%93%81%e8%a6%8f%e6%a0%bc%e9%81%b8%e6%93%87-variant/ https://blog.cindygirl.cc/archives/3458/%e3%80%90joomla%e3%80%91hikashop-%e5%95%86%e5%93%81%e8%a6%8f%e6%a0%bc%e9%81%b8%e6%93%87-variant/#respond Wed, 09 Nov 2016 04:16:40 +0000 https://blog.cindygirl.cc/?p=3458 用途 商品提供顏色 or 尺寸選擇 圖片來源 ht…

這篇文章 【Joomla】Hikashop 商品規格選擇 (Variant) 最早出現於 任姓人妻 の 生活紀錄。

]]> 用途

商品提供顏色 or 尺寸選擇

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-09-%e4%b8%8a%e5%8d%8811-55-57

圖片來源
http://demo.hikashop.com/index.php/en/hikashop/categories-listing/display-in-div-div/product/2-stilettos 

 

步驟

1. Hikashop > 系統 > 設置 > 商品
    預設發佈 Variant 設定為『是』

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-09-%e4%b8%8a%e5%8d%8811-58-30

 

2. Hikashop > 商品 > 規格
    建立規格選項

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-09-%e4%b8%8b%e5%8d%8812-01-24

3.  Hikashop > 新增商品
     在右下角的規格區塊，選擇剛剛建立的規格選項
     儲存後頁面拉到最上方，再點一下商品的儲存。
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-09-%e4%b8%8b%e5%8d%8812-03-31

 

4. 第三步驟點完商品儲存後，最上方會出現 Variants
    點進去後，個別設定鞋子顏色的圖片、金額…等

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-09-%e4%b8%8b%e5%8d%8812-08-09

 

以上設定完成後，在前台就可以呈現規格選擇的項目了

一開始研究這個功能卡很久

少了一個步驟 or 步驟不對，功能就是出不來～


Joomla 跟 Hikashop 都有個共通點，功能是很強大

但是要呈現某個功能，必須要有很多不同的設定…比較不直覺…

這篇文章 【Joomla】Hikashop 商品規格選擇 (Variant) 最早出現於 任姓人妻 の 生活紀錄。

]]> https://blog.cindygirl.cc/archives/3458/%e3%80%90joomla%e3%80%91hikashop-%e5%95%86%e5%93%81%e8%a6%8f%e6%a0%bc%e9%81%b8%e6%93%87-variant/feed/ 0 【Joomla】如何使用熱門標籤 (Popular Tags) https://blog.cindygirl.cc/archives/2487/%e3%80%90joomla%e3%80%91%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8%e7%86%b1%e9%96%80%e6%a8%99%e7%b1%a4-popular-tags/ https://blog.cindygirl.cc/archives/2487/%e3%80%90joomla%e3%80%91%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8%e7%86%b1%e9%96%80%e6%a8%99%e7%b1%a4-popular-tags/#respond Fri, 08 Apr 2016 06:15:08 +0000 https://blog.cindygirl.cc/?p=2487 步驟一 新增/編輯文章 > 在文章裡面&nb…

這篇文章 【Joomla】如何使用熱門標籤 (Popular Tags) 最早出現於 任姓人妻 の 生活紀錄。

]]> 步驟一

新增/編輯文章 > 在文章裡面 設定標籤

Image 15

 

步驟二

建立選單 > 選單項目類型設定成【標記項目】

Image 16

切換到項目選項，顯示項目圖片、項目說明。

Image 17

 

步驟三

模組 > 新增熱門標籤模組

Image 19

 

 

這篇文章 【Joomla】如何使用熱門標籤 (Popular Tags) 最早出現於 任姓人妻 の 生活紀錄。

]]> https://blog.cindygirl.cc/archives/2487/%e3%80%90joomla%e3%80%91%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8%e7%86%b1%e9%96%80%e6%a8%99%e7%b1%a4-popular-tags/feed/ 0 【Joomla】ECC+ – EasyCalcCheck Plus 防止惡意程式攻擊 https://blog.cindygirl.cc/archives/2240/%e3%80%90joomla%e3%80%91ecc-easycalccheck-plus-%e9%98%b2%e6%ad%a2%e6%83%a1%e6%84%8f%e7%a8%8b%e5%bc%8f%e6%94%bb%e6%93%8a/ https://blog.cindygirl.cc/archives/2240/%e3%80%90joomla%e3%80%91ecc-easycalccheck-plus-%e9%98%b2%e6%ad%a2%e6%83%a1%e6%84%8f%e7%a8%8b%e5%bc%8f%e6%94%bb%e6%93%8a/#respond Sun, 24 Jan 2016 03:39:40 +0000 https://blog.cindygirl.cc/?p=2240 功能說明 提供下列功能，以達到防止惡意程式攻擊。 …

這篇文章 【Joomla】ECC+ – EasyCalcCheck Plus 防止惡意程式攻擊 最早出現於 任姓人妻 の 生活紀錄。

]]>

功能說明

提供下列功能，以達到防止惡意程式攻擊。

更多功能說明詳見以下網址

http://www.abokuo.com/downloads/j25/j25-plugin/file/45-easycalccheck-plus.html

 

後台介面

安裝後，在外掛區可以找到它

Image 1.png


 


 

 

登入頁面

加上數學問題，避免機器人操作

 

參考網站

http://wiki.archives.gov.tw/index.php/2009-07-23-09-57-48

http://www.nhsports.com.tw/joomla/index.php/tw/login?view=remind

 

設定『再次』送出表單時間

設定N秒後才能再送出表單。避免短時間內一直被灌水。


 

自行設定題目&答案

 

保護管理後台

後台網址加入url 參數(token)，避免輕易讓人找到後台入口，try 帳號密碼。

設定後進入後台登入頁面，必須加上參數

http://你的網站/administrator/?token=up6x6

 

 

Token

自行設定字串，日後在網址列需要加上此字串

Forwarding address

如果token輸入錯誤，可以自訂要轉址到哪裡去，預設導回前台首頁。

 

標籤中文化

檔案位置  

/專案名稱/administrator/language/zh-TW/zh-TW.plg_system_easycalccheckplus.ini

/專案名稱/administrator/language/zh-TW/zh-TW.plg_system_easycalccheckplus.sys.ini

這篇文章 【Joomla】ECC+ – EasyCalcCheck Plus 防止惡意程式攻擊 最早出現於 任姓人妻 の 生活紀錄。

]]> https://blog.cindygirl.cc/archives/2240/%e3%80%90joomla%e3%80%91ecc-easycalccheck-plus-%e9%98%b2%e6%ad%a2%e6%83%a1%e6%84%8f%e7%a8%8b%e5%bc%8f%e6%94%bb%e6%93%8a/feed/ 0 【Joomla】ByeByeGenerator 外掛 – 移除網頁Joomla 字眼 https://blog.cindygirl.cc/archives/2237/%e3%80%90joomla%e3%80%91byebyegenerator-%e5%a4%96%e6%8e%9b-%e7%a7%bb%e9%99%a4%e7%b6%b2%e9%a0%81joomla-%e5%ad%97%e7%9c%bc/ https://blog.cindygirl.cc/archives/2237/%e3%80%90joomla%e3%80%91byebyegenerator-%e5%a4%96%e6%8e%9b-%e7%a7%bb%e9%99%a4%e7%b6%b2%e9%a0%81joomla-%e5%ad%97%e7%9c%bc/#respond Sun, 24 Jan 2016 03:17:57 +0000 https://blog.cindygirl.cc/?p=2237 ByeByeGenerator 外掛  …

這篇文章 【Joomla】ByeByeGenerator 外掛 – 移除網頁Joomla 字眼 最早出現於 任姓人妻 の 生活紀錄。

]]>

ByeByeGenerator 外掛

 

功能說明

移除網頁中joomla標記，讓人看不出來是joomla做的。

此外掛會移除網頁原始碼中「<meta name="generator" content="Joomla! – Open Source Content Management" />」訊息以及 RSS 訂閱、robots.txt 等服務 / 檔案中網站建立者的描述。


 

後台頁面

若選擇自訂，網頁檢視原始碼則呈現

<meta name="generator" content="自訂寫meta內容" />

延伸文章

避免Joomla被駭客攻擊的3個方法

防止Joomla被攻擊的方法

這篇文章 【Joomla】ByeByeGenerator 外掛 – 移除網頁Joomla 字眼 最早出現於 任姓人妻 の 生活紀錄。

]]> https://blog.cindygirl.cc/archives/2237/%e3%80%90joomla%e3%80%91byebyegenerator-%e5%a4%96%e6%8e%9b-%e7%a7%bb%e9%99%a4%e7%b6%b2%e9%a0%81joomla-%e5%ad%97%e7%9c%bc/feed/ 0 【Joomla】Asikart QuickIcons 元件 VS KC Admin QuickIcons 外掛 https://blog.cindygirl.cc/archives/2233/%e3%80%90joomla%e3%80%91asikart-quickicons-%e5%85%83%e4%bb%b6-vs-kc-admin-quickicons-%e5%a4%96%e6%8e%9b/ https://blog.cindygirl.cc/archives/2233/%e3%80%90joomla%e3%80%91asikart-quickicons-%e5%85%83%e4%bb%b6-vs-kc-admin-quickicons-%e5%a4%96%e6%8e%9b/#respond Sun, 24 Jan 2016 03:15:57 +0000 https://blog.cindygirl.cc/?p=2233 Asikart QuickIcons –…

這篇文章 【Joomla】Asikart QuickIcons 元件 VS KC Admin QuickIcons 外掛 最早出現於 任姓人妻 の 生活紀錄。

]]>

Asikart QuickIcons – 元件

說明文件

http://simular.co/lyra/extensions/asikart-quick-icons.html

用途說明

新增後台捷徑ICON，呈現於 管理後台 的 控制台。

Image 3.png

 

Asikart QuickIcons 設定說明

  1. 設定分類 (上圖的A區塊)

 Image 4.png

 

  1. 設定ICON項目 (上圖的B區塊)

可以透過 快速選單 指定連結的頁面。

Image 2.png


 

使用語言變數

開發時要使用語言變數，方便日後調整語系。

語言檔位置：

/專案名稱/administrator/language/zh-TW/zh-TW.mod_quickicon.ini

 

Image 6.png


 

 

KC Admin QuickIcons – 外掛

說明文件

http://extensions.joomla.org/extension/administration/extensions-quickicons/kc-admin-quickicons

用途說明

新增後台捷徑ICON，呈現於管理後台，可在設定頁直接指定擺放位置。

後台介面說明

安裝後，在模組可以找到它

Image 8.png

 

設定頁面如下

 

Image 3.png

設定位置在 「控制台」，則會呈現獨立一個區塊。

Image 2.png

 

也可以擺放在捷徑區…等。

 

Image 4.png

 

 

Asikart QuickIcons  VS KC Admin QuickIcons

 

 

Asikart QuickIcons – 元件

KC Admin QuickIcons – 外掛

介面人性化

(選擇連結、圖片)

大勝

 

標籤 設定語言變數

勝

 

可設定 另開新視窗

 

勝

可設定 呈現位置

在模組設定

勝 – 設定頁可以直接指定

這篇文章 【Joomla】Asikart QuickIcons 元件 VS KC Admin QuickIcons 外掛 最早出現於 任姓人妻 の 生活紀錄。

]]> https://blog.cindygirl.cc/archives/2233/%e3%80%90joomla%e3%80%91asikart-quickicons-%e5%85%83%e4%bb%b6-vs-kc-admin-quickicons-%e5%a4%96%e6%8e%9b/feed/ 0 【Joomla】Lazy Load 延遲載入圖片 – 外掛 https://blog.cindygirl.cc/archives/2224/lazy-load-for-joomla-%e5%bb%b6%e9%81%b2%e8%bc%89%e5%85%a5%e5%9c%96%e7%89%87-%e5%a4%96%e6%8e%9b/ https://blog.cindygirl.cc/archives/2224/lazy-load-for-joomla-%e5%bb%b6%e9%81%b2%e8%bc%89%e5%85%a5%e5%9c%96%e7%89%87-%e5%a4%96%e6%8e%9b/#respond Sat, 23 Jan 2016 13:51:26 +0000 https://blog.cindygirl.cc/?p=2224 用途 當使用者將瀏覽器捲軸拉至圖片位置的時候，才會…

這篇文章 【Joomla】Lazy Load 延遲載入圖片 – 外掛 最早出現於 任姓人妻 の 生活紀錄。

]]> 用途
當使用者將瀏覽器捲軸拉至圖片位置的時候，才會載入該圖片，
這樣可以加快頁面開啟的速度，也可以節省使用的頻寬。

相關說明
Lazy Load for Joomla! 延遲載入圖片(外掛)
範例網站
 

相關設定

可以設定不要延遲載入的圖片、模組、URL…等。 (欄位標題滑鼠移過去都有說明)

Image 3.png

 

使用心得
它跟很多元件模組有衝突，導致圖片無法出現。
先前遇過 hikashop 商品規格切換、JSN ImageShow 的縮圖、easyslider 都會導致圖片無法出現!!!


此篇也說明關閉LazyLoad就可以正常使用。

http://www.hikashop.com/forum/4-how-to/61997-solved-product-image-disappearing.html

這篇文章 【Joomla】Lazy Load 延遲載入圖片 – 外掛 最早出現於 任姓人妻 の 生活紀錄。

]]> https://blog.cindygirl.cc/archives/2224/lazy-load-for-joomla-%e5%bb%b6%e9%81%b2%e8%bc%89%e5%85%a5%e5%9c%96%e7%89%87-%e5%a4%96%e6%8e%9b/feed/ 0 【Joomla】Localise 語系製作工具 – 元件 https://blog.cindygirl.cc/archives/2217/%e3%80%90joomla%e3%80%91localise-%e8%aa%9e%e7%b3%bb%e8%a3%bd%e4%bd%9c%e5%b7%a5%e5%85%b7-%e5%85%83%e4%bb%b6/ https://blog.cindygirl.cc/archives/2217/%e3%80%90joomla%e3%80%91localise-%e8%aa%9e%e7%b3%bb%e8%a3%bd%e4%bd%9c%e5%b7%a5%e5%85%b7-%e5%85%83%e4%bb%b6/#comments Sat, 23 Jan 2016 13:37:04 +0000 https://blog.cindygirl.cc/?p=2217   下載位置 https://githu…

這篇文章 【Joomla】Localise 語系製作工具 – 元件 最早出現於 任姓人妻 の 生活紀錄。

]]>  

下載位置

https://github.com/joomla-projects/com_localise/releases

 

功能說明

將所有的語言檔(.ini) 統一集中管理。

提供兩種編輯方式：表格編輯介面 (顯示原文)、直接開啟.ini檔編輯。

親切且簡易管理語言檔與翻譯檔案。

  • 網站 (前台)、管理區 (後台)、安裝過程顯示語言

  • 建立、編輯、刪除語言檔案

  • 建立、編輯、刪除、發佈、取消發佈、檢入、檢出翻譯檔案

  • 為每個檔案與語言顯示翻譯進度

  • 自動建立不存在的翻譯檔案

  • 建立語言安裝壓縮檔

 

 

後台介面

每一種語系都有區分前台、後台。

 

編輯前要先選擇 [前台] 或 [後台]，點檔案列表進入。

左邊過濾的下拉選單就會記住你的選項，右邊列表也只會出現你過濾的項目。

一開始以為其他項目不小心被我刪掉了，如下圖所示

所以當你要切回 [前台] 或 [後台]，要去左邊過濾的下拉選單重新選擇。

 


 

 

點檔案列表進入此畫面，搜尋  HikaShop

點Source 開啟 .ini 檔直接編輯


 

 

點 檔名 進入 表格編輯頁面 (顯示原文)

這篇文章 【Joomla】Localise 語系製作工具 – 元件 最早出現於 任姓人妻 の 生活紀錄。

]]> https://blog.cindygirl.cc/archives/2217/%e3%80%90joomla%e3%80%91localise-%e8%aa%9e%e7%b3%bb%e8%a3%bd%e4%bd%9c%e5%b7%a5%e5%85%b7-%e5%85%83%e4%bb%b6/feed/ 2