Menambahkan Form pada prestashop

Dita Mahardika · August 11, 2015

selamat sore,

saya ada masalah tentang menambahkan form pada prestashop. setelah menambahkan halaman cms baru kemudian dimasukan source kode form yang setelah saya buat kemudian saya simpan tetapi muncul pesan "kontek tidak valid" bagaimana cara mengatasinya ?

apakah harus ada modul tambahan agar dapat menjalankan form tersebut

terimakasih atas perhatiannya

duredo · August 11, 2015

buka preferences > general > lalu set YES untuk opsi "Allow iframes on HTML fields"

Dita Mahardika · August 12, 2015

buka preferences > general > lalu set YES untuk opsi "Allow iframes on HTML fields"

terimakasih untuk jawabannya, saya sudah mengaktifkannya namun masih belum bisa menambahkan form isian pada halaman, masih keluar peringatan "konten tidak valid" . mungkin ada cara lain ?

ABANGWEB · August 15, 2015

Pakai module. Saya ada modulenya dan ditampilkan di new page + judul dan link. Setiap pengisian form ini akan masuk ke admin dan ke list dicustumer service message.

Dita Mahardika · August 16, 2015

Pakai module. Saya ada modulenya dan ditampilkan di new page + judul dan link. Setiap pengisian form ini akan masuk ke admin dan ke list dicustumer service message.

terimaksih atas jawabannya, namun sekarang ada masalah lagi, notif yg keluar bukan lagi "konten tidak valid", namun sekarang malah masuk "404 halaman tidak ditemukan" , apa ada solusinya untuk masalah baru saya? terimakasih sebelumnya

ABANGWEB · August 16, 2015

Baca Kasus penambahan Form Kontak di CMS ya.

Banyak yg sudah menjelaskan secara detail dengan core beberapa Class dan controller.

https://www.prestashop.com/forums/topic/285476-create-custom-contact-form-on-cms-page/

https://www.prestashop.com/forums/topic/430454-tutorial-ps-16-adding-cms-content-to-the-contact-page/

Kalau Solusi saya tidak pakai begitu, tapi pakai module.

Kalau mas mahardika membuat form sendiri atau embed code dari situs penyedia contact form, sebaiknya tanya ke mereka karna biasanya menyediakan module sendiri.

Kalau core sendiri contact formnya, sebaiknya buat module.

Edited August 16, 2015 by ABANGWEB (see edit history)

ABANGWEB · August 16, 2015

Kalau pakai jotform dan embed code, coba klik link ini

http://www.jotform.com/help/266-How-to-successfully-add-a-Form-to-your-PrestaShop

Dita Mahardika · August 16, 2015

Baca Kasus penambahan Form Kontak di CMS ya.

Banyak yg sudah menjelaskan secara detail dengan core beberapa Class dan controller.

https://www.prestashop.com/forums/topic/285476-create-custom-contact-form-on-cms-page/

https://www.prestashop.com/forums/topic/430454-tutorial-ps-16-adding-cms-content-to-the-contact-page/

Kalau Solusi saya tidak pakai begitu, tapi pakai module.

Kalau mas mahardika membuat form sendiri atau embed code dari situs penyedia contact form, sebaiknya tanya ke mereka karna biasanya menyediakan module sendiri.

Kalau core sendiri contact formnya, sebaiknya buat module.

masih tetap masuk ke halaman tidak ditemukan "404 page not found" ,.,. apakah saya harus menggunakan modul tambahan , kalau ada, itu dapat d download atau prabayar? terimakasih

gonebdg - webindoshop.com · August 19, 2015

selamat sore,

saya ada masalah tentang menambahkan form pada prestashop. setelah menambahkan halaman cms baru kemudian dimasukan source kode form yang setelah saya buat kemudian saya simpan tetapi muncul pesan "kontek tidak valid" bagaimana cara mengatasinya ?

apakah harus ada modul tambahan agar dapat menjalankan form tersebut

terimakasih atas perhatiannya

PrestaShop versi berapa, source code nya seperti apa ?

Coba nonaktifkan dahulu fitur"HTMLPurifier Library", fitur tsb berfungsi untuk "membersihkan" konten CMS dari kode HTML yang berpotensi membuka celah keamanan.

B.O > Preferences > General >> Use HTMLPurifier Library = NO

Dita Mahardika · August 19, 2015

PrestaShop versi berapa, source code nya seperti apa ?

Coba nonaktifkan dahulu fitur"HTMLPurifier Library", fitur tsb berfungsi untuk "membersihkan" konten CMS dari kode HTML yang berpotensi membuka celah keamanan.

B.O > Preferences > General >> Use HTMLPurifier Library = NO

saya menggunakan presta 1.6.0.14

saya membuat form di jotform.com kemudian saya ambil sourcodenya, seperti berikut:

JotForm.init(function(){

JotForm.calendarMonths = ["January","February","March","April","May","June","July","August","September","October","November","December"];

JotForm.calendarDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];

JotForm.calendarOther = {"today":"Today"};

JotForm.setCalendar("11", false, false);

JotForm.description('input_10', 'Kosongkan jika tidak ada');

setTimeout(function() {

$('input_9').hint('ex: 23');

}, 20);

JotForm.clearFieldOnHide="disable";

JotForm.onSubmissionError="jumpToSubmit";

});

</script>

.form-label-left{

width:150px !important;

}

.form-line{

padding-top:12px;

padding-bottom:12px;

}

.form-label-right{

width:150px !important;

}

.form-all{

width:690px;

color:#555 !important;

font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;

font-size:14px;

}

.form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{

color: #555;

}

</style>

Konfirmasi Pembayaran

</h2>

konfirmasi setelah melakukan pembayaran

</div>

</li>

<label class="form-label form-label-right form-label-auto" id="label_4" for="input_4"> Nama Pembeli </label>

</div>

</li>

<label class="form-label form-label-right form-label-auto" id="label_11" for="input_11"> Tanggal Tranfer </label>

-

</span>

<label class="form-sub-label" for="month_11" id="sublabel_month" style="min-height: 13px;"> bulan </label>

</span>

-

</span>

</span>

<label class="form-sub-label" for="year_11" id="sublabel_year" style="min-height: 13px;"> tahun </label>

</span>

</span>

</div>

</li>

<label class="form-label form-label-right form-label-auto" id="label_10" for="input_10"> No Referensi </label>

<label class="form-sub-label" for="input_10" style="min-height: 13px;"> kosongkan jika tidak ada </label>

</span>

</div>

</li>

<label class="form-label form-label-right form-label-auto" id="label_6" for="input_6"> Nama Rekening </label>

</div>

</li>

<label class="form-label form-label-right form-label-auto" id="label_5" for="input_5"> Nama Barang </label>

</div>

</li>

<label class="form-label form-label-right form-label-auto" id="label_9" for="input_9"> Jumlah Barang yang Dibeli </label>

</div>

</li>

<label class="form-label form-label-right form-label-auto" id="label_7" for="input_7"> Jumlah Pembayaran (Rp) </label>

</div>

</li>

<label class="form-label form-label-right form-label-auto" id="label_8" for="input_8"> Bayar Melalui </label>

</span>

</span>

</span>

</span>

</span>

<label id="label_input_8_2" for="input_8_2"> Mandiri </label>

</span>

</div>

</li>

Kirim Konfirmasi

</button>

</div>

</li>

Should be Empty:

</li>

</ul>

</div>

document.getElementById("si" + "mple" + "_spc").value = "52241986168463-52241986168463";

</script>

</form>

namun saat ini malah keluar notif "404 not found" pada saat mengupload HTML. saya sudah coba untuk menonaktifkan Pusifier library, tapi tidak ada perbedaan.

gonebdg - webindoshop.com · August 19, 2015

Source code seperti itu tidak akan bisa dimasukan sebagai CMS content karena memuat HTML tag <script> dan <form> yang tidak akan lulus validasi PrestaShop.

Ada 2 cara mudah yang dapat anda lakukan untuk dapat menerapkannya pada halaman CMS, sebelumnya silahkan buat halaman CMS baru untuk keperluan ini (konten kosong) lalu ingat-ingat id_cms nya

Cara-1

Modifikasi classes file ../classes/Validate.php

Cari baris code berikut public static function isCleanHtml($html, $allow_iframe = false)

Lalu tambahkan code berikut ini di dalam class method tsb

// PERHATIAN! ganti variabel [id_cms] dengan id_cms yang sebenarnya dimana anda ingin memasukan source code form yang diinginkan
if (Tools::getValue('controller') == 'AdminCmsContent' && Tools::getValue('id_cms') == [id_cms])
            return true;

Edit CMS yang sebelumnya telah dibuat lalu paste source code yang diinginkan dan "Save"

Dengan cara ini, source code yang dimasukan tidak akan diperiksa oleh class method isCleanHtml dan langsung dianggap "Bersih/Valid".

Cara-2

Modifikasi theme file ../themes/default-bootstrap/cms.tpl

Cari baris code berikut <div class="rte{if $content_only} content_only{/if}">

Lalu tambahkan code berikut ini

{* PERHATIAN! ganti variabel [id_cms] dengan id_cms yang sebenarnya dimana anda ingin memasukan source code form yang diinginkan *}
{if $cms->id == [id_cms]}{include file="$tpl_dir./custom-form.tpl"}{/if}

Buat theme file baru dengan nama custom-form.tpl kemudian paste source code form yang diinginkan kedalamnya.

Khusus untuk konten javascript yang berada dalam HTML tag <script type="text/javascript"> harus menggunakan smarty {literal} tag

contohnya :

<script type="text/javascript">
{literal}
   JotForm.init(function(){
      JotForm.calendarMonths = ["January","February","March","April","May","June","July","August","September","October","November","December"];
      JotForm.calendarDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];
      JotForm.calendarOther = {"today":"Today"};
      JotForm.setCalendar("11", false, false);
      JotForm.description('input_10', 'Kosongkan jika tidak ada');
      setTimeout(function() {
          $('input_9').hint('ex: 23');
       }, 20);
JotForm.clearFieldOnHide="disable";
JotForm.onSubmissionError="jumpToSubmit";
   });
{/literal}
</script>

Dengan cara ini, anda tidak perlu mengedit CMS yang sebelumnya telah dibuat karena source code secara langsung di masukan dalam theme file custom-form.tpl

Jika anda paham HTML dan Smarty, akan lebih baik jika source code terkait js dan css di tempatkan pada file terpisah untuk di muat pada header.tpl, misalnya dengan membuat theme file baru dengan nama custom-form-header.tpl

Dita Mahardika · August 20, 2015

Source code seperti itu tidak akan bisa dimasukan sebagai CMS content karena memuat HTML tag <script> dan <form> yang tidak akan lulus validasi PrestaShop.

Ada 2 cara mudah yang dapat anda lakukan untuk dapat menerapkannya pada halaman CMS, sebelumnya silahkan buat halaman CMS baru untuk keperluan ini (konten kosong) lalu ingat-ingat id_cms nya

Cara-1

Modifikasi classes file ../classes/Validate.php

Cari baris code berikut public static function isCleanHtml($html, $allow_iframe = false)

Lalu tambahkan code berikut ini di dalam class method tsb
// PERHATIAN! ganti variabel [id_cms] dengan id_cms yang sebenarnya dimana anda ingin memasukan source code form yang diinginkan
if (Tools::getValue('controller') == 'AdminCmsContent' && Tools::getValue('id_cms') == [id_cms])
            return true;
Edit CMS yang sebelumnya telah dibuat lalu paste source code yang diinginkan dan "Save"

Dengan cara ini, source code yang dimasukan tidak akan diperiksa oleh class method isCleanHtml dan langsung dianggap "Bersih/Valid".

Cara-2

Modifikasi theme file ../themes/default-bootstrap/cms.tpl

Cari baris code berikut <div class="rte{if $content_only} content_only{/if}">

Lalu tambahkan code berikut ini
{* PERHATIAN! ganti variabel [id_cms] dengan id_cms yang sebenarnya dimana anda ingin memasukan source code form yang diinginkan *}
{if $cms->id == [id_cms]}{include file="$tpl_dir./custom-form.tpl"}{/if}
Buat theme file baru dengan nama custom-form.tpl kemudian paste source code form yang diinginkan kedalamnya.

Khusus untuk konten javascript yang berada dalam HTML tag <script type="text/javascript"> harus menggunakan smarty {literal} tag

contohnya :
<script type="text/javascript">
{literal}
   JotForm.init(function(){
      JotForm.calendarMonths = ["January","February","March","April","May","June","July","August","September","October","November","December"];
      JotForm.calendarDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];
      JotForm.calendarOther = {"today":"Today"};
      JotForm.setCalendar("11", false, false);
      JotForm.description('input_10', 'Kosongkan jika tidak ada');
      setTimeout(function() {
          $('input_9').hint('ex: 23');
       }, 20);
JotForm.clearFieldOnHide="disable";
JotForm.onSubmissionError="jumpToSubmit";
   });
{/literal}
</script>
Dengan cara ini, anda tidak perlu mengedit CMS yang sebelumnya telah dibuat karena source code secara langsung di masukan dalam theme file custom-form.tpl

Jika anda paham HTML dan Smarty, akan lebih baik jika source code terkait js dan css di tempatkan pada file terpisah untuk di muat pada header.tpl, misalnya dengan membuat theme file baru dengan nama custom-form-header.tpl

terimakasih banyak ,. akan segera saya coba ,

zoiijared · September 13, 2015

Bagaimana mas apakah sudah bisa ?? saya juga berpikir yang sama untuk membuat form di CMS namum tidak valid !!!

Apakah ada Cara untuk memasukan source kode dan membuat HALAMAN baru begitu ??

Menambahkan Form pada prestashop

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in