Announcement

Collapse
No announcement yet.

Customer Invoice Field MIVA9 Ship To and Bill To Side by Side

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Customer Invoice Field MIVA9 Ship To and Bill To Side by Side

    Hi,
    Can somebody help me?

    After customer completes order, the Ship To and Bill To are not side by side to each other. The Ship To is on top and the Bill To is below. How do I edit the code so Ship To is on the Left and Bill To is on the right (Side By Side). I prefer this look better so customer don't have to scroll as much. I tried using <div class="column whole medium-half> but don't know exactly how to insert it. My customer template is below. Thanks!

    KD


    <div id="ship-to">
    <h2 class="fields-heading">
    Ship To:
    </h2>
    <div id="ship-to-fields">
    <div class="form_row">
    <label>Name:</label>
    <mvt:if expr="g.Basket:ship_fname OR g.Basket:ship_lname">
    &mvte:global:Basket:ship_fname; &mvte:global:Basket:ship_lname;
    <mvt:else>
    &nbsp;
    </mvt:if>
    </div>
    <div class="form_row">
    <label>Email Address:</label>
    <mvt:if expr="g.Basket:ship_email">
    &mvte:global:Basket:ship_email;
    <mvt:else>
    &nbsp;
    </mvt:if>
    </div>

    <div class="form_row">
    <label>Phone Number:</label>
    <mvt:if expr="g.Basket:ship_phone">
    &mvte:global:Basket:ship_phone;
    <mvt:else>
    &nbsp;
    </mvt:if>
    </div>
    <div class="form_row">
    <label>Company:</label>
    <mvt:if expr="g.Basket:ship_comp">
    &mvte:global:Basket:ship_comp;
    <mvt:else>
    &nbsp;
    </mvt:if>
    </div>
    <div class="form_row">
    <label>Address:</label>
    <div>
    <mvt:if expr="g.Basket:ship_addr1 OR g.Basket:ship_addr2 OR g.Basket:ship_city OR g.Basket:ship_state OR g.Basket:ship_zip OR g.Basket:ship_cntry">
    &mvte:global:Basket:ship_addr1;<br />
    <mvt:if expr="g.Basket:ship_addr2">&mvte:global:Basket:shi p_addr2;<br /></mvt:if>
    <mvt:if expr="( NOT ISNULL g.Basket:ship_city ) AND ( NOT ISNULL g.Basket:ship_state )">
    &mvte:global:Basket:ship_city;,
    <mvt:else>
    &mvte:global:Basket:ship_city;
    </mvt:if>
    &mvte:global:Basket:ship_state;
    &mvte:global:Basket:ship_zip;<br /> &mvte:global:Basket:ship_cntry;
    <mvt:else>
    &nbsp;
    </mvt:if>
    </div>
    </div>
    </div>
    </div>
    <div id="bill-to">
    <h2 class="fields-heading">
    Bill To:
    </h2>
    <div id="bill-to-fields">
    <div class="form_row">
    <label>Name:</label>
    <mvt:if expr="g.Basket:bill_fname OR g.Basket:bill_lname">
    &mvte:global:Basket:bill_fname; &mvte:global:Basket:bill_lname;
    <mvt:else>
    &nbsp;
    </mvt:if>
    </div>
    <div class="form_row">
    <label>Email Address:</label>
    <mvt:if expr="g.Basket:bill_email">
    &mvte:global:Basket:bill_email;
    <mvt:else>
    &nbsp;
    </mvt:if>
    </div>
    <div class="form_row">
    <label>Phone Number:</label>
    <mvt:if expr="g.Basket:bill_phone">
    &mvte:global:Basket:bill_phone;
    <mvt:else>
    &nbsp;
    </mvt:if>
    </div>
    <div class="form_row">
    <label>Company:</label>
    <mvt:if expr="g.Basket:bill_comp">
    &mvte:global:Basket:bill_comp;
    <mvt:else>
    &nbsp;
    </mvt:if>
    </div>
    <div class="form_row">
    <label>Address:</label>
    <div>
    <mvt:if expr="g.Basket:bill_addr1 OR g.Basket:bill_addr2 OR g.Basket:bill_city OR g.Basket:bill_state OR g.Basket:bill_zip OR g.Basket:bill_cntry">
    &mvte:global:Basket:bill_addr1;<br />
    <mvt:if expr="g.Basket:bill_addr2">&mvte:global:Basket:bil l_addr2;<br /></mvt:if>
    <mvt:if expr="( NOT ISNULL g.Basket:bill_city ) AND ( NOT ISNULL g.Basket:bill_state )">
    &mvte:global:Basket:bill_city;,
    <mvt:else>
    &mvte:global:Basket:bill_city;
    </mvt:if>
    &mvte:global:Basket:bill_state;
    &mvte:global:Basket:bill_zip;
    <br /> &mvte:global:Basket:bill_cntry;
    <mvt:else>
    &nbsp;
    </mvt:if>
    </div>
    </div>
    </div>
    </div>
    <div class="clear"></div>

    #2
    Re: Customer Invoice Field MIVA9 Ship To and Bill To Side by Side

    I don't see this issue on our INVC page. The css we have is:
    #ship-to,
    #bill-to{
    width:50%;
    float:left;
    }

    Is that what you have?
    Larry
    Last edited by wajake41; 07-12-15, 08:05 AM.
    Larry
    Luce Kanun Web Design
    www.facebook.com/wajake41
    www.plus.google.com/116415026668025242914/posts?hl=en


    Comment


      #3
      Re: Customer Invoice Field MIVA9 Ship To and Bill To Side by Side

      Thank you Larry!

      I was considering using tables but it doesn't work too well with mobile devices. Makes everything very small. If there is a way to do it on my browser, can you tell me how?
      Keith

      Originally posted by wajake41 View Post
      I don't see this issue on our INVC page. The css we have is:
      #ship-to,
      #bill-to{
      width:50%;
      float:left;
      }

      Is that what you have?
      Larry

      Comment


        #4
        Re: Customer Invoice Field MIVA9 Ship To and Bill To Side by Side

        Hi Bill,
        This is what I currently have, however it doesn't show side by side.

        <div id="bill-to">
        <h2 class="fields-heading">
        Bill To:
        </h2>
        <div id="bill-to-fields">
        <div class="form_row">
        <label>Name:</label>
        <mvt:if expr="g.Basket:bill_fname OR g.Basket:bill_lname">
        &mvte:global:Basket:bill_fname; &mvte:global:Basket:bill_lname;
        <mvt:else>
        &nbsp;
        </mvt:if>
        </div>
        <div class="form_row">
        <label>Email Address:</label>
        <mvt:if expr="g.Basket:bill_email">
        &mvte:global:Basket:bill_email;
        <mvt:else>
        &nbsp;
        </mvt:if>
        </div>
        <div class="form_row">
        <label>Phone Number:</label>
        <mvt:if expr="g.Basket:bill_phone">
        &mvte:global:Basket:bill_phone;
        <mvt:else>
        &nbsp;
        </mvt:if>
        </div>
        <div class="form_row">
        <label>Company:</label>
        <mvt:if expr="g.Basket:bill_comp">
        &mvte:global:Basket:bill_comp;
        <mvt:else>
        &nbsp;
        </mvt:if>
        </div>
        <div class="form_row">
        <label>Address:</label>
        <div>
        <mvt:if expr="g.Basket:bill_addr1 OR g.Basket:bill_addr2 OR g.Basket:bill_city OR g.Basket:bill_state OR g.Basket:bill_zip OR g.Basket:bill_cntry">
        &mvte:global:Basket:bill_addr1;<br />
        <mvt:if expr="g.Basket:bill_addr2">&mvte:global:Basket:bil l_addr2;<br /></mvt:if>
        <mvt:if expr="( NOT ISNULL g.Basket:bill_city ) AND ( NOT ISNULL g.Basket:bill_state )">
        &mvte:global:Basket:bill_city;,
        <mvt:else>
        &mvte:global:Basket:bill_city;
        </mvt:if>
        &mvte:global:Basket:bill_state;
        &mvte:global:Basket:bill_zip;
        <br /> &mvte:global:Basket:bill_cntry;
        <mvt:else>
        &nbsp;
        </mvt:if>
        </div>
        </div>
        </div>
        </div>
        <div id="ship-to">
        <h2 class="fields-heading">
        Ship To:
        </h2>
        <div id="ship-to-fields">
        <div class="form_row">
        <label>Name:</label>
        <mvt:if expr="g.Basket:ship_fname OR g.Basket:ship_lname">
        &mvte:global:Basket:ship_fname; &mvte:global:Basket:ship_lname;
        <mvt:else>
        &nbsp;
        </mvt:if>
        </div>
        <div class="form_row">
        <label>Email Address:</label>
        <mvt:if expr="g.Basket:ship_email">
        &mvte:global:Basket:ship_email;
        <mvt:else>
        &nbsp;
        </mvt:if>
        </div>

        <div class="form_row">
        <label>Phone Number:</label>
        <mvt:if expr="g.Basket:ship_phone">
        &mvte:global:Basket:ship_phone;
        <mvt:else>
        &nbsp;
        </mvt:if>
        </div>
        <div class="form_row">
        <label>Company:</label>
        <mvt:if expr="g.Basket:ship_comp">
        &mvte:global:Basket:ship_comp;
        <mvt:else>
        &nbsp;
        </mvt:if>
        </div>
        <div class="form_row">
        <label>Address:</label>
        <div>
        <mvt:if expr="g.Basket:ship_addr1 OR g.Basket:ship_addr2 OR g.Basket:ship_city OR g.Basket:ship_state OR g.Basket:ship_zip OR g.Basket:ship_cntry">
        &mvte:global:Basket:ship_addr1;<br />
        <mvt:if expr="g.Basket:ship_addr2">&mvte:global:Basket:shi p_addr2;<br /></mvt:if>
        <mvt:if expr="( NOT ISNULL g.Basket:ship_city ) AND ( NOT ISNULL g.Basket:ship_state )">
        &mvte:global:Basket:ship_city;,
        <mvt:else>
        &mvte:global:Basket:ship_city;
        </mvt:if>
        &mvte:global:Basket:ship_state;
        &mvte:global:Basket:ship_zip;<br /> &mvte:global:Basket:ship_cntry;
        <mvt:else>
        &nbsp;
        </mvt:if>
        </div>
        </div>
        </div>
        </div>
        <div class="clear"></div>

        Comment

        Working...
        X