Woocommerce Shop/Product pages edits - by websol

This topic has 11 replies, 3 voices, and was last updated 10 years, 1 months ago ago by Jack Richardson

  • Avatar: websol
    websol
    Participant
    November 21, 2015 at 08:13

    Dear support.

    I am currently creating a site using woocommerce and your catalog feature.

    I have a few questions please regarding my products pages:

    SHOP PAGE:

    1) On the main shop page the alignment is off, the very top of the products are lower than the left sidebar.

    2) The products on hover look odd, it just shows a small window with a heart – I want to remove wishlist as it is just a catalog. Is there anyway in just having the heart switch to something like ‘VIEW PRODUCT’ / an arrow or something??

    3) Anyway to edit the sort drop down so I can remove ‘sort by price’ – as there are no prices.

    INDIVIDUAL PRODUCT PAGES:

    1) Weird space at the top between title and description. How can I reduce this? the css I tried failed.

    2) Wishlist / email a friend – how can I remove please? again the css I used failed.

    Thank you so much.

    Please, contact administrator
    for this information.
    10 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    November 21, 2015 at 16:26

    Hello,

    Shop page:
    1. Please add this code in Global Custom CSS:

    .category-description {
        margin-bottom: 0px;
    }

    2. Sorry, but there is no such option. If you don’t want to use Wishlist then disable the plugin.

    INDIVIDUAL PRODUCT PAGES:
    1. Try to use this code in Custom CSS for desktop:

    .product-information .short-description {
       margin-top: -50px;
    }

    2. Add the following code in Global Custom CSS:

    .product-information .yith-wcwl-add-to-wishlist, .product-information .email-link {
      display: none;
    }

    Regards,
    Eva Kemp.

    Avatar: websol
    websol
    Participant
    November 22, 2015 at 07:53

    Thank you very much, I have implmented all of the changes. 🙂

    I am just stuck with the hover state on products, under my theme settings I have the ‘quick view’ disabled, and the hover state of products is set as ‘mask with info’

    It is not working correctly, as right now it still brings up a quick view bar (albeit no icon).. but if you look at ‘related products’ you can see the hover state working.

    I just want the ‘quick view’ completely gone (so not small bar on hover of products) and instead for a simple hover state as per the ‘related products area’ whih you can see on the bottom of this page:

    http://magnum-pharmaceuticals.siamprintingsolutions.com/product/oxandro-10/

    Right now it looks weird hovering all the products in the shop section: http://magnum-pharmaceuticals.siamprintingsolutions.com/products/

    Thanks again, enjoy your weekend.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 23, 2015 at 08:20

    Hello,

    Have you made any changes in the theme files?
    Please provide us with FTP credentials.

    Thank you.

    Best regards,
    Jack Richardson.

    Avatar: websol
    websol
    Participant
    November 23, 2015 at 08:43

    No file changes have been made.

    I hope I am making sense with my issue? – so I want to remove quick view, that sliding panel on the bottom of products when hovering. And I want to make the ‘mask with info’ actually work on product hover (right now it works on ‘related products’ only, under an individual product page)

    so remove this:
    http://postimg.org/image/52hd6t32j/

    And have this on all products: (right now it works on ‘related products’ only)
    http://s10.postimg.org/42qy0vr15/Screen_Shot_2015_11_23_at_2_37_49_PM.png

    Thanks.

    Please, contact administrator
    for this information.
    Avatar: websol
    websol
    Participant
    November 23, 2015 at 08:44

    That is the opposite way round!

    so remove this:
    http://s10.postimg.org/42qy0vr15/Screen_Shot_2015_11_23_at_2_37_49_PM.png

    And have this on all products: (right now it works on ‘related products’ only)
    http://postimg.org/image/52hd6t32j/

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 23, 2015 at 09:12

    Hello,

    We need FTP credentials (FTP host, FTP username, FTP password). If you don’t know where to find this information ask your hosting provider.

    Best regards,
    Jack Richardson.

    Avatar: websol
    websol
    Participant
    November 23, 2015 at 09:35

    My apologies.

    I have just created a new 8theme FTP acc, the site I am building this on is on a subdomain – as it will migrate once ready to a new destination. But with this FTP I just gave access to this subdomain only, think this is all you need?

    Thanks.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 23, 2015 at 17:10

    Hello,

    Please add this code in Global Custom CSS:

    .footer-product {
      display: none;
    }

    “Mask with Information” option will work only for 3 products per row. So I’ve changed the number in Theme Options > Products Page Layout.

    Please check now.

    Best regards,
    Jack Richardson.

    Avatar: websol
    websol
    Participant
    November 24, 2015 at 07:03

    Thanks! perfect

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 24, 2015 at 08:31

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Woocommerce Shop/Product pages edits’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.