Flexsliderの横にあるMagentoホームページに2つのバナーを追加するにはどうすればよいですか?

JLS911

私のウェブサイトにcamera.jsスライダーがあり、Flexsliderに置き換えました。これを行ったのは、camera.jsスライダーをクリック可能にすることができず、[ここをクリック]ボタンを削除したかったためです。今、私は私のウェブサイトにフレックススライダーを取り付けました。私のサイトのcamera.jsスライダーの隣にある2つのバナーを戻したいのですが、機能しません...

これは私のホームページです。バナーはスライダーの右側には表示されませんが、間違った場所に表示されます。

http://imgur.com/j8PVOuR

スライダーの右側に、サイズ381 x219のバナーを上下に2つ配置したいと思います。

コードは次のとおりです。

<div class="container">
<div class="row">
<div class="span12">
<script type="text/javascript">// <![CDATA[
jQuery.noConflict();
{{widget type="cms/widget_block" template="cms/widget/static_block/default.phtml" block_id="25"}}
</script>
<ul class="banner-block-right">
<li><a href="{{store url='nieuwe-producten'}}"> <img src="{{skin url='images/media/banners-8.png'}}" alt="" /> </a></li>
<li><a href="{{store url='klantenservice'}}"> <img src="{{skin url='images/media/banners-7.png'}}" alt="" /> </a></li>
</ul>
</div>
</div>
</div>

明確にするために:

  • 私はコードを使用しました:script type = "text / javascript"> //など

ナビゲーションバーに問題があったため、新しいスライダーを入れても機能しなくなりました。

  • スライダーをウィジェットに配置したのは、それが簡単だと思ったからです。

だから私の質問は、フレックススライダーの隣に2つの小さなバナーを配置するためにコードでどのような調整を行う必要があるかということです。

ところで。スクリプトを使用してナビゲーションバーを機能させると、デフォルトのMagentoの価格設定レイアウトが復活しました。これは、ナビゲーションバーを機能させるか、正しいレイアウトでMagentoの価格設定を取得するようなものでした。私はナビゲーションバーを選びます笑、誰かがこれの修正を知っていますか?

編集:flexsliderのCSSコード

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {max-width: 700px; margin: -20; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img { 
  display: block;
  max-width: 100%; height: auto; margin: - auto;
}
ロン

それはあなたのCSSに依存します。

次のことを確認してください。

  • あなたのbanner-block-rightクラスには、「クリア」スタイルのルールがありません。「クリア」はフロートをクリアします。
  • スライダーとbanner-block-rightの両方にfloatルールがあるかどうかを確認します。
  • スライダーが広すぎないか確認してください。

それが機能しない場合は、CSSの関連部分を投稿することができます。

ウェブページを見た後に更新する

問題は、ul要素がdiv行内にネストされていないことです。Webページを調べると、次のネスト構造が得られます。

<div class="container">
    <div class="row">
        <div class="span12">
            <script type="text/javascript">
            <script         src="http://www.site.nl/js/magestore/bannerslider/jquery.flexslider.js">
            <link media="all" href="http://www.site.nl/skin/frontend/base/default/css/magestore/bannerslider/flexslider.css" type="text/css" rel="stylesheet">
            <script type="text/javascript">
            <div class="flexslider flexslider-7-1">
            <script type="text/javascript">
        </div>
    </div>
    <script type="text/javascript">
</div>
<ul class="banner-block-right">

したがって、ウィジェットは.containerと.rowdivを閉じています。挿入するテンプレートには、おそらく最後に多くのdiv終了タグが必要です。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Symfony 4のホームページにナビゲーションバーを含めるにはどうすればよいですか?

分類Dev

エラーバーの横にエラー値を追加するにはどうすればよいですか?

分類Dev

Word Officeのページの横にある奇数の空白ページをオフにするにはどうすればよいですか?

分類Dev

ホームページにのみロゴを表示するにはどうすればよいですか?

分類Dev

HTMLの背景色をページの横に表示するにはどうすればよいですか?

分類Dev

ホームページの直接の子を一覧表示するにはどうすればよいですか?

分類Dev

Wordpressのホームページで2つのカテゴリから投稿を表示するにはどうすればよいですか?

分類Dev

Expressで別のホームページを提供するにはどうすればよいですか?

分類Dev

Firefoxでホームページの背景画像を変更するにはどうすればよいですか?

分類Dev

ホームページに2つの投稿だけを表示するにはどうすればよいですか?

分類Dev

Magentoでホームページの画像スライダーを作成するにはどうすればよいですか?

分類Dev

Githubのwikiホームページを削除するにはどうすればよいですか?

分類Dev

ホバーのある要素にネストされている要素にホバー効果を追加するにはどうすればよいですか?

分類Dev

1つの特定のページだけにJavaScriptを追加するにはどうすればよいですか?

分類Dev

HTMLページの左側に1つの画像を追加するにはどうすればよいですか?

分類Dev

CSSホバー時に画像の横ではなく、画像の横にテキストを表示するにはどうすればよいですか?

分類Dev

ホームページのWordPressPHPヘッダーに分析実験コードを追加するにはどうすればよいですか?

分類Dev

ホームページのみのhtaccessに書き換えルールを追加するにはどうすればよいですか?

分類Dev

1ページに2つのバナー広告を表示するにはどうすればよいですか?

分類Dev

ホームページ専用のJavaScriptを使用して「body」にクラスを動的に追加するにはどうすればよいですか?

分類Dev

2つの出力の間にスペースを追加するにはどうすればよいですか?

分類Dev

すべてのページのナビゲーションバーにアイコンを追加するにはどうすればよいですか?

分類Dev

dnnのデフォルトホームページにカスタムスタイルを追加するにはどうすればよいですか?

分類Dev

Woocommerceのベストセラー製品をホームページに追加するにはどうすればよいですか?

分類Dev

Wordpress ホームページの下部にある [古い投稿] オプションを削除するにはどうすればよいですか?

分類Dev

iOSWebアプリの「ホーム画面に追加」の説明ページを作成するにはどうすればよいですか

分類Dev

コンテナで2つの固定ナビゲーションバーの間にスペースを作るにはどうすればよいですか?

分類Dev

サイズ属性magento2の下の製品詳細ページに複数の数量を追加するにはどうすればよいですか?

分類Dev

WordPressのページにサブページを追加するにはどうすればよいですか?

Related 関連記事

  1. 1

    Symfony 4のホームページにナビゲーションバーを含めるにはどうすればよいですか?

  2. 2

    エラーバーの横にエラー値を追加するにはどうすればよいですか?

  3. 3

    Word Officeのページの横にある奇数の空白ページをオフにするにはどうすればよいですか?

  4. 4

    ホームページにのみロゴを表示するにはどうすればよいですか?

  5. 5

    HTMLの背景色をページの横に表示するにはどうすればよいですか?

  6. 6

    ホームページの直接の子を一覧表示するにはどうすればよいですか?

  7. 7

    Wordpressのホームページで2つのカテゴリから投稿を表示するにはどうすればよいですか?

  8. 8

    Expressで別のホームページを提供するにはどうすればよいですか?

  9. 9

    Firefoxでホームページの背景画像を変更するにはどうすればよいですか?

  10. 10

    ホームページに2つの投稿だけを表示するにはどうすればよいですか?

  11. 11

    Magentoでホームページの画像スライダーを作成するにはどうすればよいですか?

  12. 12

    Githubのwikiホームページを削除するにはどうすればよいですか?

  13. 13

    ホバーのある要素にネストされている要素にホバー効果を追加するにはどうすればよいですか?

  14. 14

    1つの特定のページだけにJavaScriptを追加するにはどうすればよいですか?

  15. 15

    HTMLページの左側に1つの画像を追加するにはどうすればよいですか?

  16. 16

    CSSホバー時に画像の横ではなく、画像の横にテキストを表示するにはどうすればよいですか?

  17. 17

    ホームページのWordPressPHPヘッダーに分析実験コードを追加するにはどうすればよいですか?

  18. 18

    ホームページのみのhtaccessに書き換えルールを追加するにはどうすればよいですか?

  19. 19

    1ページに2つのバナー広告を表示するにはどうすればよいですか?

  20. 20

    ホームページ専用のJavaScriptを使用して「body」にクラスを動的に追加するにはどうすればよいですか?

  21. 21

    2つの出力の間にスペースを追加するにはどうすればよいですか?

  22. 22

    すべてのページのナビゲーションバーにアイコンを追加するにはどうすればよいですか?

  23. 23

    dnnのデフォルトホームページにカスタムスタイルを追加するにはどうすればよいですか?

  24. 24

    Woocommerceのベストセラー製品をホームページに追加するにはどうすればよいですか?

  25. 25

    Wordpress ホームページの下部にある [古い投稿] オプションを削除するにはどうすればよいですか?

  26. 26

    iOSWebアプリの「ホーム画面に追加」の説明ページを作成するにはどうすればよいですか

  27. 27

    コンテナで2つの固定ナビゲーションバーの間にスペースを作るにはどうすればよいですか?

  28. 28

    サイズ属性magento2の下の製品詳細ページに複数の数量を追加するにはどうすればよいですか?

  29. 29

    WordPressのページにサブページを追加するにはどうすればよいですか?

ホットタグ

アーカイブ