E-Commerce Products Page Formatting

  • I inherited a wordpress e-commerce website from a developer that only half finished the project. I do not know alot about css or php, but I have been able to play around with the coding enough to almost finish the products page. I am having trouble formatting the products page however, the products listing is too wide and is showing below my sidebar instead of next to it.

    Here is a link to my site and the page that shows the error I am talking about

    https://www.pru-dent.com.previewdns.com/?wpsc_product_category=mirrors

    I have played around with the wpsc-default.css file to resolve this simple issue, but the changes I make do not seem to be having any effect with the product list row taking up the whole content area. I tried to change the product display container, from 100% width, but when i updated the file the website still looked the exact same.

    Any ideas on where I might want to look in code to resolve this issue?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    We may not be able to recommend PHP solutions because I don’t think your PHP is released under the GPL license. This is hinted in your theme’s stylesheet.

    I can’t see what you mean about the products listing showing below your sidebar https://awesomescreenshot.com/0fcqyn073 .

    How wide should the products listing section be?

    Thread Starter brettjo5

    (@brettjo5)

    Hi Andrew, the category listing is currently working the way it should be, as seen in your screen shot. But if you navigate down when the page actually shows products(products page–> diagnostics –> mirrors) you will see that the products get pushed down below the sidebar.

    And I am assuming that this is happening on this page because the content area that displays the products is too wide, because you can see the add cart button on the far right of the screen.

    As for how wide I would like it to be, I just need it to be about 30%-40% less then its current so the sidebar and products can be contained on the same line.

    Thread Starter brettjo5

    (@brettjo5)

    This problem has been resolved. I put this code into my style.css file.

    .wpsc_default_product_list {
    float: left;
    width: 600px;
}

.wpsc_category_grid {
    float: right;
    width: 650px;
}

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘E-Commerce Products Page Formatting’ is closed to new replies.