Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #14499

    I recently made a post about a problem I was having. A support member gave me code to try, and that didn’t work, but I haven’t heard from them since. I thought I would make a new post to try to grab their attention again. Here’s the text from the original post:

    “Hi there!

    I purchased the Flashlight theme (which I am loving, by the way!) to sell clothing. My current problem is that I have multiple categories. I don’t want everything showing up on one page, as it is by default when you click “shop”.

    I set up my menu you that when you hover over “Shop”, it brings out the dropdown menu with all of the categories. When you click each page, I would like only the relevant products to appear, to allow users to browse easier.

    I created something of a workaround on my “Blouses & Tops” page ( http://shopcirca360.com/?page_id=40 ) using the Woocommerce shortcode: [product_category category="blouses-and-tops"]

    This did display the one product in that category, but it is very small and, when you hover over it, the “show details” button is broken. What I want is for it to be set up just like the Shop page, just category-specific. I want the large thumbnails/titles.

    Can you tell me how this can be done?

    For what it is worth, here is the link to my site: http://www.ShopCirca360.com

    Thanks in advance!”

    I was told to use the code [product_category category="xxx" per_page="12" columns="4" orderby="date" order="desc"]

    When I do this, the thumbnails for the images are very small, and the “View Details” popup on hovering over the image is broken.

    I need further assistance — Any tips?

    #83681

    Hi aspirework,

    The size of the images is dependent on the page size and column count. So in your main catalog there are 3 columns and the page is the larger 3 column portfolio size (as the shop catalog is by default).

    You’ll need to add the following into your Quick CSS in the Style tab of the theme options and change the page ID for the page you have the shortcode on:

    #top.page-id-40 .content .box {
    width: 660px;
    }

    Note: Page ide 40 is the one you have linked as a test.

    Next just change the shortcode column count to 3 instead of 4.

    Regards,

    Devin

    #83682

    You’re an answer to my prayers, my friend! Thanks, Devin!

    #83683

    Hi Aspireworks,

    Glad that Devin helped you. :)

    Cheers,

    Ismael

    #83684

    It seems when I try to do this, when I put in the CSS code my sidebar disappears. Any advice?

    #83685

    Hey!

    Please provide a link to your website.

    Regards,

    Peter

    #83686

    Hi bakerystore,

    The CSS shouldn’t have any effect on the sidebar to that page at all. Make sure your settings to display it are all marked properly (either site wide or individuality for that page).

    Regards,

    Devin

    #83687

    No it vanishes. And then when I take the code away again it reappears. This is the site with the code. What i’m wanting is the 12 unframed pictures on my home page.

    http://www.geolawprints.co.uk/shop2/

    http://www.geolawprints.co.uk

    #83688

    Its not actually vanishing, but instead its just behind the other content. You’ll need to add the following css to move it over specifically for that page:

    #top.page-id-186 .sidebar.sidebar2.box {
    left: 992px;
    }

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

The topic ‘Different Categories on Different Pages (Was Not Resolved)’ is closed to new replies.