Styling the product page - by popcorner - on WordPress WooCommerce support

This topic has 14 replies, 2 voices, and was last updated 5 years, 11 months ago ago by Rose Tyler

  • Avatar: popcorner
    popcorner
    Participant
    January 17, 2019 at 09:31

    Hi
    Few questions about the style of the product page.
    I’d like to see the variations images thumbnails left to the main image, how to do that ?
    I’d like to have an accordion tab for the description, avis and so on at the right of the main image, how to do it ?
    Is there a way to enable a lightbow for the images instead of a zoom ?
    How to hide the sharing buttons and the category title ?

    Regards

    13 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2019 at 09:45

    Hello,

    1/ Theme Options > Single Product Page > Page Layout > Thumbnails > Vertical.
    2/ Theme Options > Single Product Page > Tabs Settings > Close first tab by default > Off.
    3/ Disable “Zoom for product images” in Theme Options > Single Product Page > Page Layout.
    4/ Theme Options > Single Product Page > Page Layout > Show share buttons and add this code in Theme Options > Custom css:

    .single-product .product_meta .products-page-cats {
        display:  none;
    }

    Regards

    Avatar: popcorner
    popcorner
    Participant
    January 17, 2019 at 10:00

    Thanks for those answers ;
    other question with styling the product page ; how to hide the ratings and “avis” (=comment i think) ?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2019 at 10:09

    You’re welcome!
    WooCommerce > Settings > Products > General > Reviews > uncheck Enable product reviews.

    Regards

    Avatar: popcorner
    popcorner
    Participant
    January 17, 2019 at 10:14

    Thks again

    One more question for the product page, how to disable the instagram feed in it ? And still the product category is still displayed on product page (the custom css doesn’t hide it)

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2019 at 10:24

    1) Remove content from Appearance > Widgets > Prefooter area and add it for Home page only. If you need any further assistance, provide temporary wp-admin access so I can take a closer look.
    2) Please clear cache and check one more time – http://prntscr.com/m8bqmv

    Regards

    Avatar: popcorner
    popcorner
    Participant
    January 17, 2019 at 10:30

    Ok thks
    I’ll try to set up the insta feed only in homepage, and ask you if needed.

    Other question (not really for product page but mainly static blocks) ; how to activate the WP Bakery mode for those contents ?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2019 at 10:32

    1) Please watch this video – https://youtu.be/yv4GA-PkVfE
    2) http://prntscr.com/m8bwiq

    Regards

    Avatar: popcorner
    popcorner
    Participant
    January 17, 2019 at 10:56

    seems to be great ! Thks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2019 at 10:58

    You’re welcome!

    Regards

    Avatar: popcorner
    popcorner
    Participant
    January 17, 2019 at 12:38

    Hi again
    New problems found on my product page :
    > alternative images doesn’t seem to load
    > related products (“vous aimerez également”) doesn’t seem to load
    > “personal content” in bottom of the page doesn’t load the title and subtitle

    Could you help me please ?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2019 at 13:07

    Hello,

    Please try to disable 3rd party plugins to check if one of these plugins causes the problem.
    Make sure that you are using correct versions of XStore theme and Core plugin together – https://xstore.8theme.com/update-history/

    Regards

    Avatar: popcorner
    popcorner
    Participant
    January 17, 2019 at 14:44

    Ok thx, but still lot of issues in the page, cause I don’ t find the plugin that causes a compatibility problem, could you have a look and tell me please ? (only new plugi today : loco translate, and Duplicate Page)

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2019 at 15:03

    In console on your site – http://prntscr.com/m8fztm and disabling of WooCommerce Stripe Gateway plugin solve the problem. You need to check settings of the plugin or contact support of this plugin.

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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