Product Page - by Orna Ohayon - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 5 years, 7 months ago ago by Olga Barlow

  • Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    August 13, 2018 at 20:25

    Hello,
    On the mobile the page look very long and not inviting, doesn’t have an enjoyable surfing experience
    I will be happy to go back on Legenda template as close to 3-4 years ago and to get the option of I attached hear:
    https://snag.gy/H6Agb4.jpg

    1. I like to delete in product page the text :
    On the right menu:
    – Uncategorized
    – Product categories – (קטגוריות המוצרים)
    On the main menu:
    – Name of the product – (The product name appears twice under one second and it is unnecessary)
    – Product Information (מידע על המוצר)
    – Categories:
    – Amount (כמות)
    – Social Networks (רשתות חברתיות)
    – Description (תיאור) ( It’s appears twice under one second and it is unnecessary)

    2) To add <> on the amount of product (it was on the template)

    3) I like that the price will be above the buttons of : Add to Basket (הוספה לסל הקניות)

    4) I like that the name of the Brand will be in the line that appears now “מידע על המוצר”
    is it possible?

    5) How do I add a tab between a description and an opinion: How to use (איך משתמשים) in all the product pages?

    6) I like that the brand logo will be on 179px square and not 270/224px

    7) to go back the legenda design before 3-4 years for description and more details
    https://snag.gy/L9Tq2J.jpg
    instead of tabs that they will be in closed lines with the option of open and close with +-
    https://snag.gy/FnAqBx.jpg

    Best Regards,
    Orna

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 14, 2018 at 13:29

    Hello,

    Do you mean you want to have the accordion tabs design but for the mobile devices only or also for the desktop?

    1. On the right menu:
    – Uncategorized is the default WC plugin category we don’t have any options to delete it. You can just rename it in Products > Categories and edit the category. Or enable Hide empty categories in widget settings http://prntscr.com/kigdj3
    – Remove widget title http://prntscr.com/kigcv2
    On the main menu:
    – Name of the product – You can disable it in Theme Options > Single Products http://prntscr.com/kigep3
    – Product Information – removed by editing content-single-product.php in child theme
    – Categories: – removed by editing content-single-product.php in child theme
    – Amount (כמות) – do you want to remove title only or q-ty field at all?
    – Social Networks – Theme Options > Single product > Show share buttons > off
    – Description (תיאור) – removed

    2) Done

    3) Use the following code in child theme functions.php

    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 25 );
    

    4) Check now.

    5) Sorry, I’m not sure that understand where exactly you want to add the tab. Can you provide me mockup?

    6) I see that brand logo is 150×150 + paddings http://prntscr.com/kih0rm

    7) Go to Theme Options > Single product > Tabs type > choose accordion.

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    August 14, 2018 at 14:10

    Hello Olga,

    Many thanks (:

    1. On Social Networks – I like to delete only the text not the link buttons.

    5. This section of the product description, How do I add another Tab [How to use (איך משתמשים)] that will appears automatically on all the products?
    https://snag.gy/zxpljn.jpg

    6. You’re right. So I think it’s a waste of so much white space around it
    I want the gray frame that borders the logo to be the size 179px square.

    7. (: I choose Accordion

    Best Regards
    Orna

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 14, 2018 at 16:12

    Hello,

    You are welcome!
    1) Done.
    5) Go to Theme Options > Single Product > use Custom Tab Title and Return field to add title and content.
    6) To reduce the space around the brand image add the following code in child theme style.css

    .product-brands .title {margin-bottom: 0 !important;}
    .product-brands img {padding: 0;}

    If you want just to limit the width of that block add

    .product-brands {
        max-width: 179px;
        float: right;
    }

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    August 14, 2018 at 18:41

    Sorry Olga,

    5) Since the tabs look good Now and they sit one under the other
    I want the word “description” to be replaced by “איך משתמשים” (how to use)
    And that the tab will be closed normally when viewing the product page and only those who wish to read how to use will click on the arrow and open the tab for a full reading

    6) Great, but I will appreciate your help that it will look better:
    https://snag.gy/gevQtH.jpg
    -A: the space will be like B (34px?)
    -B: the space between the text and square gray line (34px?)
    -C: Text width (455px?)
    -D: Delete chat only from mobile
    -E: square gray line will be 179px/179px
    and with out the word “מותג” and the lines in his left and rigth

    7) On Mobile:

    A. The description arrows are superior to the text
    https://snag.gy/GtCQWo.jpg

    B. The brand logo inside the gray square is attached to the wish list
    I would be happy if there would be a greater profit
    https://snag.gy/MPYENl.jpg

    C. The word description still appears even though on the computer it is not observed
    https://snag.gy/LrGRUX.jpg

    Many Thanks
    Orna

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 16, 2018 at 14:34

    Hello,

    5) If you want to rename description tab you can do this in translation. Unfortunately, there is no option to close the first tab by default. It can be done by additional customization only. Submit customization request to WPKraken team.
    6) Theme uses 12 columns bootstrap grid. At present 3 columns sidebar + 4 columns product info + 5 columns image. http://prntscr.com/kjbnk6 Sidebar can’t be the width that you show on your screenshot.
    If you want to change the width of the sidebar to 2 columns and product info to 5 columns you can copy legenda/woocommerce/content-single-product.php to your child theme and edit according to your needs.

    Use chat options to disable it for the mobile devices http://prntscr.com/kjbpd2
    Add the code below to child theme style.css to hide the brand title

    .product-brands .title {
        display: none;
    }

    7) A. http://prntscr.com/kjc91r I don’t see this problem.
    B. Fixed
    C. Check now.

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    August 16, 2018 at 18:07

    Hello,

    6) I don’t know where do I need to change the size…

    8) can I delete the “חוות דעת” Tab?
    or to change it to: “איך משתמשים” (how to use)

    9) On Legenda Single Product Page you do have more space between the lines
    HOME / SHOP / JEWELRY / AWESOME DEMO RING WITH RED STONES
    and
    PRODUCT INFORMATION
    https://snag.gy/DqmHQ6.jpg
    The page looks much more airy, pleasant to read, with the benefits of the original template

    10) I do like to have the social icons, but without the word above “social”
    can you please add it back?

    12) I like to have the Hart of “Add to wish list” beside the “ADD TO CART” like on the template, with out the text
    first line with QUANTITY and PRICE
    second line with ADD TO CART and the HART (like on the template)
    https://snag.gy/DqmHQ6.jpg
    https://snag.gy/wy5MLZ.jpg

    Best Regards
    Orna

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 17, 2018 at 13:22

    Hello,

    6) Check now.

    8) Follow the WC plugin docs to remove that tab https://docs.woocommerce.com/document/editing-product-data-tabs/

    9)It was because of code in custom CSS

    .page-content {
        padding-top: 0px;
    }

    I have removed it.

    10) You can disable/enable them in Theme Options > Single product.

    12) To place wishlist button next to the add to cart http://prntscr.com/kjrf4i

    Regards

  • Viewing 8 results - 1 through 8 (of 8 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.