[vc_row][vc_column][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

درج باکس جست و جو بر روی روولوشن اسلایدر

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

راه اول: استفاده از توابع روولوشن اسلایدر

سپس از منوی layer سمت بالا، لایه text/html را انتخاب می کنیم. سپس کد زیر را قرار می دهید:

[/vc_column_text][vc_column_text]

<form role=”search” method=”get” id=”searchform” class=”revtp-searchform” action=”http://northstateoutdoors.com”><input type=”text” value=”” name=”s” id=”s” placeholder=”What are you looking for?” /><input type=”submit” id=”searchsubmit” value=”Find” /></form>

[/vc_column_text][vc_column_text]سپس بر حسب نیاز، لینک و متن ها را تغییر دهید. سپس ذخیره کنید تا اعمال شود.

شاید ظاهر سرچ باکس بر روی روولوشن اسلایدر شما مورد پسند واقع نشود، می توانید کد زیر را در css بزنید. (Appearance > Customize > Custom > CSS) یا توسط افزونه مداد زرد، این کار را انجام دهید.

[/vc_column_text][vc_column_text]

.revtp-searchform input[type=”text”] {
width: 260px;
padding: 8px !important;
font-size: 16px !important;
border: none !important;
margin: 0 auto !important;
}

.revtp-searchform input[type=”submit”] {
padding: 10px 12px !important;
font-size: 16px !important;
background-color: #009aee !important;
color: #fff !important;
text-shadow: none !important;
}

[/vc_column_text][vc_column_text]

راه دوم: استفاده از شورتکد افزونه های جستجو

همانند روش قبل، از منوی layer سمت بالا، لایه text/html را انتخاب می کنیم. سپس شورتکد افزونه مورد نظر را در این محل قرار می دهید. 

نکته: اگر بخواهیم فرم های دیگری نیز بر روی روولوشن اسلایدر قرار دهید کافی است با استفاده از افزونه های فرم ساز مثل فرم تماس 7 و یا گرویتی فرم، فرم خود را ایجاد کنید و سپس شورتکد آن را در لایه text/html روولوشن اسلایدر قرار دهید.

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row bg_type=”bg_color” bg_color_value=”#fff2bf” css=”.vc_custom_1585663160359{border-radius: 10px !important;}”][vc_column][vc_column_text]

اگر می خواهید تمامی مراحل طراحی سایت را ببینید صفحه “مراحل طراحی سایت” را مطالعه کنید!

 و همچنین اگر قصد راه اندازی کسب و کار خود را دارید به صفحه “راه اندازی کسب و کار” بروید.

[/vc_column_text][/vc_column][/vc_row][vc_row content_placement=”middle” css=”.vc_custom_1585835078360{margin-top: 20px !important;}”][vc_column width=”1/4″][/vc_column][vc_column width=”1/2″ css=”.vc_custom_1585835068551{margin-bottom: 20px !important;border-radius: 1px !important;}”][gravityform id=”5″ title=”false” description=”false” ajax=”false”][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row]