Return to previous page

Product Section Customization Issues - by BornTMLLC

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

BornTMLLC

Participant

July 8, 2016 at 15:36

Hello,

I’ve met a couple of obstacles that prevent me from continuing the development (I’m no expert programmer for this reason I use wordpress and theme seemed to me completely and fail-safe)

1. In the product section:
http://bikextore.com/producto/4669/

• The picture does not fit the full width of the section.

• The header of the website is mounted on the blue section.

• Do not get where customize the blue section, with my colors and my photos.

• The icon is moved upward Wishlist button beside Add to Cart.

• How do I add more information just above Additional custom block: “Shop Banner below the products”.

• My product sections must have a lot of information and design, but I can not understand how this section.

• There is a section in red, I wish all this row is a different color than white, because they are high-performance bicycles and exciting darker funds are required, perhaps parallax photos. Is this possible?

2. There is a chance that when the customer choose the color of the bicycle, the image of the gallery change to the selected color ?, this is very common and is necessary in this case.

3. the last row where it says: latest products, on sale, featured products … can not be removed ?, sometimes I would like to place but customized to my needs. be another way, which one?

The subject is generally excellent, only this time I gained experience vs my knowledge. so the explanation is perhaps incomplete documentation in the product area.

My English is not very good hope I explained well =( sorry.

Please, contact administrator
for this information.

#132981 Copied Theme version: XTORE WooCommerce version: 2.6.2

9 Answers

Olga Barlow

Support staff

July 9, 2016 at 10:48

Hello,

1)
a) Go to WooCommerce > Settings > Product > Image settings and add the correct size of the single product and thumbnail image. Don’t use hard crop if you don’t want to crop images. Regenerate thumbnails after that!
b) Go to Theme Options > General > Breadcrumbs and change or delete breadcrumbs image.
c) To change information in that Block or add any additional information go to Static Block > edit
Shop Banners below the products
d) You have too long title for that button that’s why you have such strange effect on hover. I have changed paddings to avoid it.
.single-product-large .product-information-inner{ padding: 60px 25px;}
e) don’t understand your question. Describe in details your problem, please, maybe provide screenshots.

f)You selected layout when Tabs are located next to product info, that’s why if you stretch the row it will overlap description content. You may use images and parallax effect there. It should work fine.
If you need to add a lot of additional information use “Additional custom block” for this product.

2. Yes of course. Just add variation image http://prntscr.com/bqpezs

3. Go to Appearance > Widgets > Prefooter area. There you’ll find what static block we used to create such prefooter. Edit it if you want to change information you see there.

Thank you for your comment, we’ll do our best to improve our documentation.

Regards

#133027 Copied

BornTMLLC

Participant

July 12, 2016 at 23:45

Hi,

Let me explain better:

Page Example:
LIMPIADOR MUC-OFF NANO TECH BIKE CLEANER

a) Title product information, i need more padding top of all section how can i do that?
b) The wishlist, still bad.
c) Descripción – Comentarios area:
I did the tests and continues to overlap the content, now on the footer.
I require only that you place in these columns do not overlap in the footer, I used the parallax background, with images and does not solve the problem.

I have to publish more than 40 products, create a Additional Block, for each description is not practical or useful, i should place each information product the way I’m doing without navigation damaged or information is mounted on the next row (In this case the footer)

i Try with all layouts and does’t work fine…

I have to deliver this project urgently the problems that have arisen me prevented me from moving forward with speed, could help me please…

#133367 Copied

Olga Barlow

Support staff

July 13, 2016 at 13:55

Hello,

a) We’ll fix issue with breadcrubms padding option in next theme update. Meanwhile, you can add the following code to change the padding:

.page-heading.bc-size-small { padding-bottom: 55px; }

b) Then you could make padding smaller or change the text
c) Fixed.

If you have any urgent questions you may contact us in chat. I’m available there from Monday-Friday: 8.30 a.m. – 5.30 p.m. (GMT, London)

Regards

#133423 Copied

BornTMLLC

Participant

July 13, 2016 at 15:27

Hello Olga,

On this point:
b) Then you could make padding smaller or change the text.

I can not change the text, you need to go and you see it “is not an option.”
The heart button (Wishlist) next to “añadir al carrito” is above. Your team tell me that fixed? but it’s not true, you tell me less padding,, and doesn’t work…
What else can I do?

#133439 Copied
Olga Barlow

Support staff

July 13, 2016 at 18:24
Hello,

In your case there are 3 ways
1) move that button down. Add
.product-information .yith-wcwl-add-to-wishlist{display:block;}
2) Make title smaller
```
.product-information .yith-wcwl-add-to-wishlist a:hover, .product-info-wrapper .yith-wcwl-add-to-wishlist a:hover {font-size: 0.76rem;}
.product-information .yith-wcwl-add-to-wishlist a, .product-info-wrapper .yith-wcwl-add-to-wishlist a {letter-spacing: 0;}
```
3) Hide it at all
.product-information .yith-wcwl-add-to-wishlist a:hover, .product-info-wrapper .yith-wcwl-add-to-wishlist a:hover {font-size: 0px;}

Choose the one you like more.

Regards
#133482 Copied
BornTMLLC

Participant

July 14, 2016 at 02:15

Thank you very much,

This is the solution!.

Have a good day,

#133509 Copied

Olga Barlow

Support staff

July 14, 2016 at 10:34

Hello,

You are welcome! Very nice site and interesting solutions on the single product page, by the way!

Regards

#133577 Copied

BornTMLLC

Participant

August 10, 2016 at 23:55

Hello,
I made an update to WooCommerce and configuration of the entire web site damage.
Before it was perfect, that could have happened?

#136325 Copied

Olga Barlow

Support staff

August 12, 2016 at 08:34

Hello,

It’s because of plugin you are using – Autoptimize. You have merged scripts http://prntscr.com/c4q869 it caused the problem with scripts https://gyazo.com/cad8a5f2b17b8caa895fbb48ce85fe7d

Regards

#136455 Copied
Tagged: customization, issues, product section, templates, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)