OpenCart: Where is the div for the drop down heade

问题:

I am trying to style OpenCart but am having difficulty finding which TPL file holds the div that appears when you click the Shopping Cart icon in the header (the 'mini cart' that slides down - it allows you to view what's in your cart without going to the cart page).

Does anyone know where I can find the .tpl file that has this div (in the default structure template)? Thanks

回答1:

Why did people downvote you?

The #content DIV sits within the #cart DIV - you should have searched this.

Open /catalog/view/theme/default/template/common/header.tpl

The cart header is in the echo

<?php echo $cart; ?>

To see the code view /catalog/view/theme/default/template/module/cart.tpl (in version v1.5.3.1)

The section is in the top within .mini-cart-info class. Example from some of the code snippet below:

<div id="cart">
  <div class="heading">
    <h4><?php echo $heading_title; ?></h4>
    <a><span id="cart-total"><?php echo $text_items; ?></span></a></div>
  <div class="content">
    <?php if ($products || $vouchers) { ?>
    <div class="mini-cart-info">
      <table>
        <?php foreach ($products as $product) { ?>
        <tr>
          <td class="image"><?php if ($product['thumb']) { ?>
            <a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" /></a>
            <?php } ?></td>
          <td class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a>
            <div>

回答2:

I agree With @TheBlackBenzKid.

1) View file can be found with below path

"catalog/view/theme/default/template/module/cart.tpl" .

2) Controller file can be found with below path

"catalog/controller/module/cart.php" . 

Below link can provide you where to modify the files related to the header drop-down cart. I have give instruction how to modify and created another drop down similar with previous.

Please have a look on this link "https://github.com/pantlavanya/copy-opencart-mini-cart"