Home Forums Technical Support Move price position in list view

This topic contains 5 replies, has 2 voices, and was last updated by  Louis Alviss 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #20663

    How can I move price position above add to cart in list view, and also make image smaller and not show the name of the image when hover. See Attachments pic1.

    There’s double arrow at add quantity only in Firefox, how can I fix this. See Attachments pic2.

    Attachments:
    You must be logged in to view attached files.
    #20677

    Hello,

    Could you please provide your problem page url to help check?

    Thank you

    #20685

    Here’s the link, thank you.

    https://www.projectp.tw/mtg/?switch=list

    #20691

    Hi,

    1. You can try the css below (add to Customize > System > Custom CSS at the first line):

    .product__list.fl {
        display: flex;
        flex-direction: column;
    }
    
    .product__list.fl .product__price.mgt10.fc.aic.jcsb {
        order: 1;
    }
    
    .product__list.fl .product__action.fl.mgt20 {
        order: 2;
    }

    Here is the result: http://prntscr.com/p4u00t

    2. You can try the css below (add to Customize > System > Custom CSS at the first line):

    input:not([type="radio"]):not([type="checkbox"]) {
        -webkit-appearance: textfield !important;
    }

    Thank you

    #20803

    First one is solved. Can I move price position above add to cart at product detail page as well?

    Btw, I fixed the double arrow with the code from this:

    https://nitro.woorockets.com/support/topic/double-check-boxes/

     

    #20816

    Hi,

    “Can I move price position above add to cart at product detail page as well?”

    But it already displays this way:

    http://prntscr.com/p6cxoy

    Thank you

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.