Change Product layout to 5/4 - by mrdinh2008

This topic has 6 replies, 2 voices, and was last updated 6 years, 10 months ago ago by Olga Barlow

  • Avatar: mrdinh2008
    mrdinh2008
    Participant
    April 28, 2017 at 18:19

    Hi,I have a question. I want to change single product layout to 5/4 for content and images. So how i can change it.
    Many thanks.

    Photo capture.
    https://lh3.googleusercontent.com/oauxilpzgGGLKX90K6Hxpk1TjepmJ2HuCQMhv9oGGNs-qwGewodajejDE1ZezHovets6jk29lzorHKk=w1920-h950-rw

    5 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 4, 2017 at 14:07

    Hello,

    Unfortunately, I can’t check the screenshot, link is broken. All the available layout types yu can find in Theme Options > E-Commerce > Single Product Page.

    If you just want to change the width of the image and description containers you may try the following code (Theme Options > Styling > Custom CSS)

    .single-product-default .product-images {
        width: 40%;
    }
    .single-product-default .product-information {
        width: 60%;
    }

    Regards

    Avatar: mrdinh2008
    mrdinh2008
    Participant
    May 5, 2017 at 14:27

    THanks, it worked in desktop screen but i dont like it in mobile version. my demo website http://donghothanhtung.com/san-pham/fc-312v4s4/
    So pls fĩx it for me in mobile

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 5, 2017 at 17:14

    Hello,

    Then replace that code by the following

    @media only screen and (min-width: 992px){
    .single-product-default .product-images {
        width: 60%;
    }
    .single-product-default .product-information {
        width: 40%;
    }
    }

    Regards

    Avatar: mrdinh2008
    mrdinh2008
    Participant
    May 5, 2017 at 19:49

    Hi, thanks for reply but it doesn’t work for me on mobile. You can check again, http://donghothanhtung.com/san-pham/fc-312v4s4/

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 6, 2017 at 09:54

    Hello,

    Please, make sure that you copied whole the code and did not miss close or opened { }

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.