برای اضافه کردن تصویر به صفحه سایت کافیست از بین المان ها ، المان تصویر را اضافه کنید .

شما میتوانید با کلیک برروی المان تصویر صفحه شخصی سازی آن را مشاهده کنید .

با گزینه محتوای دلخواه میتوانید تصویر دلخواه خود را با کلیک برروی تغییر تصویر قرار دهید .همچنین گزینه محتوای داینامیک به شما کمک می کند تا محتوای داینامیک مانند تصویر محصول در قالب محصول را نمایش دهید

تب استایل

در تب استایل شما میتوانید ویرایش فیت کردن، رنگبندی ، سایه ، کادر را انجام دهید .

ویرایش فیت کردن:

در قسمت فیت کردن میتوانید مشخص کنید تصویر قرار داده شده به صورت کامل ، کاور ، پر کردن ، هیچکدام و مقیاس پایین نمایش داده شود.

رنگبندی :

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

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

پس زمینه پیشرفته :

در این قسمت شما میتوانید پس زمینه دلخواه را اضافه کنید و تنظیمات مربوط به آن را انجام دهید .

عرض و ارتفاع، حالت تکرار پس زمینه در جهت های مختلف ، موقعیت افقی و عمودی پس زمینه را ویرایش کنید.

سایه :

در این بخش شما میتوانید در جهت های دلخواه به المان متن خود سایه دهید و همچنین میتوانید رنگ سایه را انتخاب کنید.

با انتخاب سایه به درون و یا بیرون میتوانید مشخص کنید سایه بیرون یا درون المان مورد نظر باشد.

با انتخاب مقدار برای y و x میتوانید به بالا و پایین المان خود سایه دهید و با مقدار دادن به بلور میتوانید سایه را به صورت پخش شده قرار داده و با انتخاب مقدار برای حجم به ابعاد سایه خود را انتخاب میکنید .

کادر بندی :

در کادربندی شما میتوانید انحنا و ضخامت کادر مود نظر را ویرایش کنید.

انحنا :

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

تب پیشرفته

اقدامات:

در بخش اقدامات شما عملکرد المان را مشخص میکنید، به این صورت که با انتخاب از بین عملکرد ها مشخص میکنید المان لینک ، هدایت به یک بخش ، ثبت فرم و... باشد و چه کارایی در وب سایت شما داشته باشد .

موقعیت :

در قسمت موقعیت شما جایگاه قرار گیری المان ، طول و عرض آن را مشخص میکنید.

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

تمام عرض : با فعال کردن و غیرفعال کردن این گزینه میتوانید المان را درحالت تمام عرض قرار دهید.

ارتفاع خودکار و موقعیت نسبی : این گزینه موقعیت المان را نسبت به بقیه المان ها تنظیم خواهد کرد و ترتیب در لایه ها موثر خواهد بود و ارتفاع آن را خودکار خواهد کرد

فاصله ها :

فاصله بیرونی :

با وارد کردن مقدار برای فاصله بیرونی میتوانید بین محتوا و لبه ها بیررونی فاصله ایجاد کنید .

فاصله درونی :

فضای خارجی محتوا تا مرز عناصر و همچنین فاصله بین عناصر را میتونید در تنظیمات مربوط به فاصله درونی ویرایش کنید .

ترنزیشن :

ترنسفورم :

با استفاده از ترنسفرم می توانیم شکل, مکان و یا وضعیت یک المان را تغییر بدهیم.

چرخش به درجه : میتوانید المان مورد نظر را در جهت عقربه های ساعت بپرخانید .

مقیاس: در این قسمت شما میتوانید با دادن مقدار دلخواه المان را بزرگ نمایید.

درجه وضوح: همان طور که از نام آپشن مشخص است میتوانید درجه وضوح المان را ویرایش کنید .

واکنشگرایی:

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

نمایش خارج از کادر:

با کلیک بروری این قسمت شما مشخص میکنید که قسمت خارج شده از کادر نمایش داده شود یا خیر.

**پیشرفته :

در این قسمت با فعال کردن گزینه محاسبه بر اساس نرخ ارز محصولات شما با توجه به نرخ ارز نمایش داده میشوند. همچنین با استفاده از گزینه مشخص شده میتوانید ارز خود را انتخاب کنید.

نمایش خارج از کادر:

با کلیک بروری این قسمت شما مشخص میکنید که قسمت خارج شده از کادر نمایش داده شود یا خیر.

با فعال کردن این گزینه " هاور در زمانی که المان مادر هاور می شود فعال باشد " با دادن هاور به المان مادر ، المان درحالت هاور با تنظیمات داده شده به المان مادر نمایش داده میشود.