Return to previous page

Product Page - by Orna Ohayon - on WordPress WooCommerce support

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

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.

#198025 Copied Theme version: Legenda_Theme_v.3.8 WooCommerce version: 3.4.3

7 Answers
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
#198055 Copied
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

#198058 Copied
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
#198064 Copied
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

#198079 Copied
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
#198166 Copied
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

#198182 Copied
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
#198213 Copied
Viewing 8 results - 1 through 8 (of 8 total)