چگونه انتخاب رنگ به ویژگی های هیکاشاپ اضافه کنیم

یکی از قسمت هایی که فروشگاه شما را کاربرپسند می کند این است که به کاربر در هنگام خرید یک سری حق انتخاب دهید مانند انتخاب رنگ، انتخاب سایز و ... .

همانطور که می دانید امکان درج ویژگی در فروشگاه ساز هیکاشاپ تعبیه شده است که از طریق مسیر  زیر قابل دسترسی می باشد.

ابتدا به مسیر کامپوننت ها » هیکاشاپ رفته، سپس قسمت محصولات زیر منو (مشخصات) را انتخاب نمایید. سپس در این بخش (جدید) را انتخاب می کنید تا یک مشخصات جدید بسازید.

در این بخش ابتدا نام، و نحوه انتخاب مشخصات را انتخاب می کنید.

نحوه انتخاب مشخصات »  منو کرکره ای مقادیر را به صورت select option، و دکمه رادیویی به صورت radio button نمایش می دهد. که ما برای انتخاب رنگ (دکمه رادیویی) را انتخاب کردیم.

مهم ترین بخش کار این قسمت است.

حالا شما باید انتخاب هایی که می خواهید به کاربر دهید را درج نمایید. به عنوان مثال رنگ (صورتی، آبی، سبز، سفید و ...) سایز (کوچک، متوسط، بزرگ و ...) گارانتی (مادیران، ال جی و ...)

معمولا تمامی این موارد به صورت متنی می باشند اما برای زیباتر شدن کار می توانیم (انتخاب رنگ) را مانند شکل زیر به صورت ترکیبی از عکس و متن نشان دهیم.

در ادامه روی دکمه (اضافه کردن) کلیک می کنیم.

در پاپ آپ باز شده شما می توانید نام این مقدار را وارد نمایید (مانند کوچک، متوسط، بزرگ، مادیران، ال جی و ...). اما برای انتخاب رنگ که می خواهیم ترکیبی از متن و عکس باشد باید به صورت html ای نوشته شود. مانند تکه کد زیر:

<img src="http://joominamarket.ir/joomla/templates/joominamarket/mezon/images/coloricon/4.png" /><span>صورتی</span>

 در اینجا کافیست عکس هایی که می خواهید نشان دهید را تهیه و در مسیری در سایتتان قرار دهید. سپس در src آدرس تصویر مورد نظر را می نویسید.

شما می توانید برای با نوشتن چندین خط css  به زیباتر شدن کارتان کمک کنید.