●問題1 Visualforce 作成しましたが、lightningページ゜画面にて
「使用可能な Visualforce ページがありません」が表示され、選択できないでした。

問題1 解決方法
「設定」→「Visualforce ページ」→「編集」→「Lightning Experience、Lightning コミュニティ、およびモバイルアプリケーションで利用可能」を選択する。
●問題2
レコードページにVisualforce ページにて、JavaScript利用してます。
JavaScriptの中から、レコードIDなどの情報を取れないです。
訂正:以下の方法は良くないです。
JavaScriptにて、以下の記載方法であれば、簡単に取得できます。
<script type =”text/javascript”> JsBarcode(“#barcode”,
‘{!EC_PurchasedProduct__c.code__c}’ ,{ format: “CODE128”, fontOptions: “both”,

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
解決方法:
recordSetVar=”” 変数を指定する。

JavaScriptの中で、 apex:repeat で、値を取得し、JavaScriptの変数に設定する。
以後は、JavaScriptの中で利用可能になります。

以下のSalesforce 上で、バーコードを作成ソースを添付します。

使用後のイメージ:
