Return to previous page

Product page display problem - by jimmy-17

This topic has 44 replies, 4 voices, and was last updated 4 years, 11 months ago ago by Rose Tyler

jimmy-17

Participant

April 5, 2019 at 12:08

Ok thank you, but could you also make a custom css code for “Product content effect light” in order to be able to use all the product styles proposed by the theme? Please, thank you.

https://drive.google.com/file/d/1lbS1XwpF6Pa0u3-_GW-iTO3D0KF0FwIg/view?usp=sharing

#212036 Copied

Rose Tyler

Support staff

April 5, 2019 at 12:58

Hello,

I have sent this topic to our developers. Improvements for displaying of mentioned icons will be added in the next update of XStore. You will be able to delete the previous custom css code, after the update.
Please wait. The update will be released after 11 April.

Regards

#212038 Copied

jimmy-17

Participant

April 5, 2019 at 13:00

Great, thank you!

#212039 Copied

Rose Tyler

Support staff

April 5, 2019 at 13:09

You’re welcome!

Regards

#212040 Copied

jimmy-17

Participant

May 7, 2019 at 21:41

Hello, I notice that the add to cart icon does not appear for the products of the sellers in the shop (product style buttons on hover bottom). Could you fix this problem and add the fix in the next theme update? Please, thank you.

link to see the problem;
https://citarature.com/product-category/livres/

Please contact administrator
for this information.

#213517 Copied
John Holden

Support staff

May 8, 2019 at 05:05
Hi,

Try below code
```
.footer-product {
    bottom: 2.45rem;
}

.footer-product .add_to_cart_button {
    background: #222222;
    font-size: 0;
}

.footer-product{
    overflow: visible;
}
```
Regards,
Hung PD
#213519 Copied
jimmy-17

Participant

May 8, 2019 at 12:15

Hello, it works but not everything is displayed on the same line. Could you correct that? Please thank you.

see screenshot:

https://drive.google.com/file/d/1mhlLQElx-8WRzSvgeQuIBN3Z-P9vAo8J/view?usp=sharing

#213543 Copied

Olga Barlow

Support staff

May 8, 2019 at 17:46

Hello,

Check now, please. Is it what you want?

Regards

#213562 Copied

jimmy-17

Participant

May 9, 2019 at 02:33

yes, but it would be even better if each icon had the same size. Like this for example with the style of buttons on hover middle:
https://drive.google.com/file/d/1l_pmV7CjFqt4O3dShxaosYLs_n1iJu2D/view?usp=sharing

#213574 Copied

John Holden

Support staff

May 9, 2019 at 04:48

Hi,

Please send me link you mentioned in the video, I will take a look

Regards,
Hung PD

#213579 Copied

jimmy-17

Participant

May 9, 2019 at 12:15

ok, click on the link in private message

Please contact administrator
for this information.

#213597 Copied

John Holden

Support staff

May 10, 2019 at 04:36

Hi,

I see you changed product footer layout http://prntscr.com/nmnsql

Do you want to use this layout?

Regards,
Hung PD

#213623 Copied

jimmy-17

Participant

May 10, 2019 at 04:49

Yes I want icons of the same size as for this button model but with the product style with the buttons at the bottom.

#213627 Copied

Rose Tyler

Support staff

May 10, 2019 at 09:24

Hello, jimmy-17

Additional customization is not included in basic support, so you may submit a customization request to WPKraken team.

Regards

#213651 Copied

jimmy-17

Participant

May 10, 2019 at 12:45

No, I don’t want to customize the button, since the new update of the theme, I notice that the button add to cart has disappeared for the sellers of my shop with the style buttons at the bottom. We should fix this.

the product style icons must have the same size and be on the same bottom line, the customization you had done previously was almost good but the icons were not all the same size.

Can you correct that? Please thank you.

See example of icons of the same size (screenshot):

https://drive.google.com/file/d/11QoVo0i3N_Al0IFYnzgbxNU5typbmYRd/view?usp=sharing

link to the shop:

https://citarature.com/boutique/

#213667 Copied
Rose Tyler

Support staff

May 13, 2019 at 07:52
Hello,

Sorry for the delay due to the weekends.
You can use this custom CSS code:
```
footer.footer-product {
    display: flex;
}
.footer-product .show-quickly, .footer-product .et-wishlist-holder {
    position: relative;
    padding: 0 15px;
}
.footer-product .button {
    padding: 0;
    font-size: 0px;
}
.footer-product .by-vendor-name-link,
.footer-product .pre_order_loop {
    border-right: 1px solid #444444;
}
.footer-product .compare:before, 
.footer-product .show-quickly:before, 
.footer-product .button:before, 
.footer-product .by-vendor-name-link:before, 
.footer-product .pre_order_loop:before, 
.content-product .yith-wcwl-add-to-wishlist .show a:before {
    font-size: 16px;
}
```
size of icons you can change here – http://prntscr.com/nnsm5w

Regards
#213733 Copied
jimmy-17

Participant

May 13, 2019 at 11:55

Okay, thank you.

#213748 Copied

Rose Tyler

Support staff

May 13, 2019 at 12:01

You’re welcome!
Have a nice day.

Regards

#213750 Copied

jimmy-17

Participant

May 15, 2019 at 18:13

Hello, there is a display problem for the product style buttons on the right, not all icons are displayed.
Is it the new style of displaying icons to the right? Is that normal?

See screenshot :

https://drive.google.com/file/d/1-eLipO1rQobxxtIt8Ma-J2DbPgl9H7NG/view?usp=sharing

#213876 Copied

Olga Barlow

Support staff

May 16, 2019 at 18:11

Hello,

Do you plan to switch the hover effect for the products regularly or plan to use the different effect on the different pages?
Because we fixed the hower effect by custom CSS for options you used at that moment. It won’t be useful for you to have a lot of code for every hover effect in your custom CSS. So, tell me what hover effect do you prefer and we’ll update code according to your needs.

Regards

#213919 Copied
1 2 3

Viewing 40 results - 21 through 40 (of 44 total)