Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #21945

    Hello!

    I had posted this topic a few months ago and couldn’t find the thread to add on. SO I am starting a new one :)

    So I was working on making each one of my shop pages have the same dimensions and thumbnail size as the demo shop. Pretty much want it to mimic the Flashlight Demo.

    I accomplished getting the right size thumbnails and having only three images across by putting “[recent_products per_page=”12″ columns=”3″ orderby=”date” order=”desc”]

    I also tried to put the following in to the “Styling Quick CSS” box to get the right width of the shop page:

    #top.page-id-378 .container .content .box {

    width: 800px;

    }

    ul.products li {

    list-style-type: none;

    }

    #top.page-id-392 .container .content .box {

    width: 800px;

    }

    ul.products li {

    list-style-type: none;

    }

    #top.page-id-415 .container .content .box {

    width: 800px;

    }

    ul.products li {

    list-style-type: none;

    }

    #top.page-id-412 .container .content .box {

    width: 800px;

    }

    ul.products li {

    list-style-type: none;

    }

    #top.page-id-405 .container .content .box {

    width: 800px;

    }

    ul.products li {

    list-style-type: none;

    }

    But no matter what px I change the width to the width of the box remains too long. Is something over writing this code I am trying to put in? Or maybe it is not correct?

    Check out my page at: http://www.bpoyandjo.com/sneakpeek and select “New Statements” to see what I’m talking about.

    I hope you understand this crazy post! Thank you!

    #113669

    Hi caseylum,

    The theme demo doesn’t use shortcodes anywhere to define the product pages. Its purely product categories and the WooCommerce Shop page designation.

    So you could have a category for “New Statements” and link to that category which would output the page exactly like the demo.

    Or, to get the products to expand and fill the space set the product width:

    #top.page-id-392 .products .product {
    width: 33%;
    }

    Regards,

    Devin

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

The topic ‘Changing Shop Pages to Mimic Demo’ is closed to new replies.