magento - Magento 产品图片移至右侧

Question

有人可以帮我弄清楚为什么我的产品的图像文件突然向右移动并破坏了布局。我浏览了许多文件，但我无法弄清楚发生了什么。很困惑

http://www.shadecontrol.com/index.php/view-by-shape/quick-order-classic/jmc0908as48.html

Answer 1

您当前的 html/css 是

<div class="product-shop">...</div>
<div class="product-img-box">...</div>


 .col1-layout .product-view .product-shop {
    float: left;
    width: 360px;
 }


 .product-view .product-img-box {
    float: left;
    width: 256px;
 }

因为两个 div 都向左浮动，所以您将在产品图片之前看到产品详细信息。

您可以将 css 更改为

 .col1-layout .product-view .product-shop {
    float: right;
    width: 360px;
 }

或更改 /app/design/frontend/default/[theme]/template/catalog/product/view.phtml 中 div 的顺序

<div class="product-img-box">...</div>
<div class="product-shop">...</div>