如何将“添加到购物车”,价格和“产品选项”移至页面顶部

时间:2013-04-22 23:08:30

标签: html e-commerce cart

这是我试图做的事情:

enter image description here

我想将添加到购物车按钮以及所有其他价格和变体选项移到产品图片旁边,产品信息将在定价信息下方开始。

我认为这些是代码的相关部分,但我仍然是初学者,所以无法确定。

<?php if((get_option('hide_addtocart_button') == 0) &&  (get_option('addtocart_or_buynow') !='1')) : ?>
                            <?php if(wpsc_product_has_stock()) : ?>
                                <div class="wpsc_buy_button_container">
                                        <?php if(wpsc_product_external_link(wpsc_the_product_id()) != '') : ?>
                                        <?php $action = wpsc_product_external_link( wpsc_the_product_id() ); ?>
                                        <input class="wpsc_buy_button" type="submit" value="<?php echo wpsc_product_external_link_text( wpsc_the_product_id(), __( 'Buy Now', 'wpsc' ) ); ?>" onclick="return gotoexternallink('<?php echo $action; ?>', '<?php echo wpsc_product_external_link_target( wpsc_the_product_id() ); ?>')">
                                        <?php else: ?>
                                    <input type="submit" value="<?php _e('Add To Cart', 'wpsc'); ?>" name="Buy" class="wpsc_buy_button" id="product_<?php echo wpsc_the_product_id(); ?>_submit_button"/>

<?php if((get_option('hide_addtocart_button') == 0) &&  (get_option('addtocart_or_buynow') !='1')) : ?>
                            <?php if(wpsc_product_has_stock()) : ?>
                                <div class="wpsc_buy_button_container">
                                        <?php if(wpsc_product_external_link(wpsc_the_product_id()) != '') : ?>
                                        <?php $action = wpsc_product_external_link( wpsc_the_product_id() ); ?>
                                        <input class="wpsc_buy_button" type="submit" value="<?php echo wpsc_product_external_link_text( wpsc_the_product_id(), __( 'Buy Now', 'wpsc' ) ); ?>" onclick="return gotoexternallink('<?php echo $action; ?>', '<?php echo wpsc_product_external_link_target( wpsc_the_product_id() ); ?>')">
                                        <?php else: ?>
                                    <input type="submit" value="<?php _e('Add To Cart', 'wpsc'); ?>" name="Buy" class="wpsc_buy_button" id="product_<?php echo wpsc_the_product_id(); ?>_submit_button"/>
编辑:对不起mproncace我试着按照你的指示,但我只是没有得到它。可以在CSS中完成吗?

`/*single product page*/
.imagecol,.productcol {float:left;}
.productcol {vertical-align:top; width:100%; margin:0 0 0 5px;}
.single_product_display h1  {line-height:20px; margin:0 0 17px;}
.single_product_display form  {margin:20px 0 0;}
.single_product_display label {float:left; margin:0 10px 0 0;}
.single_product_display input[type="text"] {width:20px; margin:0 0 0 10px; border:1px         solid #CCC;}
.pricedisplay {font-size:18px; font-weight:normal;}
.single_product_display form  {float:left;}
.single_product_display .wpsc_buy_button_container  {float:left; text-align:left     !important;}
.single_product_display .wpsc_buy_button {background:#CB8700; border:0; padding:5px !important; color:#FFF; cursor:pointer;}

1 个答案:

答案 0 :(得分:2)

以下是您想要的格式:

<div id="container">
    <div id="maincolumn" style="float:left">
        <div id="itempreview" style="float:left">
            <!-- HTML/PHP goes here -->
        </div>
        <div id="itemsidebar" style="float:right">
            <div id="addtocart">
                <!-- HTML/PHP goes here -->
            </div>
            <div id="itemdescription">
                <!-- HTML/PHP goes here -->
            </div>
        </div>
    </div>
    <div id="items" style="float:right">
        <!-- HTML/PHP goes here -->
    </div>
</div>