Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 28, 2015 at 8:56 pm #526383
    DocksideChandlery

    How do I change the layout of the Product Category page? I can’t seem to find anything to do this?

    James

    October 28, 2015 at 9:03 pm #526387
    Elliott

    Hi James!

    You can change the archive sidebar layout in Dashboard > Enfold > Sidebar Settings.

    Cheers!
    Elliott

    October 28, 2015 at 9:10 pm #526390
    DocksideChandlery

    I have that set to no sidebar, and it is putting a side bar on it.. and I have all the sidebar widget area empty and its putting the one sidebar I am using the shop overview in that page.

    I want to be able to change the layout just like I would the product page?? why can I not do that?

    James

    October 29, 2015 at 1:58 pm #526743
    Ismael

    Hey!

    Go to the plugins > woocommerce > templates folder then copy the file called content-product.php. Place it in your theme folder. That is the template file of the product category page.

    Regards,
    Ismael

    October 29, 2015 at 8:09 pm #527106
    DocksideChandlery

    Im sorry if this is a stupid question. but I am using a child theme, and so I would assume that I transfer these to the main direc there.

    I have done that.. I transfered several template php files that I thought I might want to change.

    I see nothing that has changed in the interface of the theme that would allow me to edit these??

    James

    October 30, 2015 at 5:59 pm #527597
    Yigit

    Hi!

    Please create a new folder inside your child theme called “woocommerce” and move your modified files into it.

    Cheers!
    Yigit

    October 30, 2015 at 6:45 pm #527625
    DocksideChandlery

    OH.. so I would need to modify the files using standard CSS coding? and them put them in there? OR is there a way I can use the visual /avia interface??

    James

    October 30, 2015 at 7:39 pm #527653
    Yigit

    Hi!

    Using visual interface, it is not possible to change archive pages and to modify WooCommerce files Ismael mentioned here – https://kriesi.at/support/topic/change-a-product-category-page-layout/#post-526743 and to move them into your child theme, you are going to need to create a folder called “woocommerce” move your files in it.

    Best regards,
    Yigit

    November 1, 2015 at 11:56 pm #528190
    DocksideChandlery

    OK, so I have been examining enfold and other woocommerce themes.

    So in order to modify files but not break the plugin/wordpress – you do it in the child theme file directory.

    So for this it would be enfold-child/woocommerce and then the php files for the pages I want to change.

    Now.. lets say I change a woocommerce php file.. for image sizes etc.. does the page take that information from the woocommerce settings OR from the css styles of the theme?

    One of the most basic things I am trying to do is make the images smaller – throughout the shop. SO i went into woocommerce/settings/products and changed the sizes of the images there.

    BUT when the page displays something.. say I have 5 columns. IT will enlarge or reduce the images to evenly divide the area by 5.. NOT stay to the size I have made. I dont want it enlarging the images. How do I get the theme to use the sizes from the settings .. and not change them?

    James

    November 3, 2015 at 6:19 am #529013
    Ismael

    Hi!

    The product images will inherit the width of the product columns by default (width is set to 100%) so you have to set the image width to auto if you want to prevent that from happening. 

    #top .thumbnail_container img {
    width: auto;
}

    Make sure that the width of the product images is less than the width of the product columns.

    Cheers!
    Ismael

    November 4, 2015 at 6:38 am #529742
    DocksideChandlery

    Thanks Ismael, you have usually been spot on, this bit of code you gave me did not effect anything.

    I have made all the image sizes smaller — Large Med and Thumbnail.. But none of them seem to be effected.

    Would I need to use your code but with the different container for each for that also to work with other images?

    James

    November 5, 2015 at 6:31 pm #531072
    Andy

    Hi!

    try to add an !important:

    #top .thumbnail_container img {
    width: auto !important;
}

    Clear browser cache and hard refresh a few times before checking again.

    Regards,
    Andy

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.