Product page CSS

  • Resolved shiukik

    (@shiukik)


    2 years, 7 months ago

    Great plugin! Very useful for us. There is only one minor concern. How can we redesign the css so that it displays more variations per row? It is showing 4 per row now but we have too many variations which results in very long list. Thanks

    • This topic was modified 2 years, 7 months ago by shiukik.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author SysBasics

    (@phppoet)

    2 years, 7 months ago

    sorry for not responding earlier.

    there are two ways you can chose lower width and height for swatches from product edit page. there’s also option to use custom width and custom height.

    in your case you can also increase container width using below given css

    td.value {
    min-width: 500px;
}

    Hope it helps. Let me know if you need any other help.

    best regards

    Thread Starter shiukik

    (@shiukik)

    2 years, 7 months ago

    Thanks! You are very nice. Tried and it works. However is it possible to apply the css only on desktop website? Mobile version has some problems with the code.

    Plugin Author SysBasics

    (@phppoet)

    2 years, 7 months ago

    yes you can make css applicable to desktop only 

    @media screen and (min-width: 800px) {
    td.value {
        min-width: 500px;
    }
}

    Or you can simply use percentage instead of fixed width like this 

    td.value {
        min-width: 70%;
 }

    if you like the plugin consider leaving a review for it. it means a lot to us.

    • This reply was modified 2 years, 7 months ago by SysBasics.
    Thread Starter shiukik

    (@shiukik)

    2 years, 7 months ago

    omg you reply immediately ! It’s perfect now, genius！thank you

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Product page CSS’ is closed to new replies.