Return to previous page

Pop Up on Home Page - by Siva - on WordPress WooCommerce support

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

Siva

Participant

October 4, 2020 at 19:06

Hello Team,

1. How to enable the POP Up Image – http://prnt.sc/ut0c7m?

2. How to change next and previous button in Product Page – http://prnt.sc/ut0dv7?

3. Slider is not loading fine in Tablet and Mobile view. I tried few Responsive Options but no success.
Tablet View – https://prnt.sc/ut0rzt
Mobile View – https://prnt.sc/ut0see

4. How to change the Mobile Add to Cart button color – https://prnt.sc/ut0t6e?

Thank you,
Siva

#253869 Copied Theme version: .7.0.2 WooCommerce version: 5.5.1

6 Answers
Olga Barlow

Participant

October 5, 2020 at 14:28
Hello,

1) Go to Theme Options > Header builder > edit the Newsletter element and choose the Static block you want to show there or change other settings. What is the static blocks you can read here https://www.8theme.com/documentation/xstore/support/static-blocks/

2) What exactly you want to change? We have an option just to enable or disable the prev/next products.

3) Slider element has limited responsive options and it uses the image as the background. Do you plan texts layer on your slider?

4) Add the below code to Theme Options > Custom CSS to change the bg color of the sticky add to cart for mobile:

@media only screen and (max-width: 480px) { .content-page .etheme-sticky-cart .single_add_to_cart_button { background-color: red; } }

Regards
#253933 Copied
Siva

Participant

October 5, 2020 at 18:16

Hello,

1 & 4. As you insrtucted, I tried but no success. The popup is not showing on the screen, also the ADD TO CART color still stick with BLACK.

Added the code in Additional CSS.

Please check my setting and if needed you can modify it.

2. I need to disable the prev/next products and like to have <> options in RED color

3. No idea. Currently disable the image slider and banner in TAB view. For mobile some out I fixed. Please suggest how we can enable banners/slider for TAB view.

Thanks in adavnce!

Best,
Siva

Please contact administrator
for this information.

#253991 Copied

Olga Barlow

Participant

October 6, 2020 at 11:47

Hello,

1) Add the Newsletter element to the header https://gyazo.com/316830b48859d0ae71d81ad47129a11e . Do you want to show it by click or just once the user visits the site?

2) Check now. I have added some custom to custom CSS

3) Sorry, I don’t understand your request. Please, provide a mockup on how it should be on the desktop and how it should be on mobile. Then we’ll be able to suggest something. I can’t tell you what element to use if I don’t understand how it should be for both devices.

4) Check now.

Regards

#254060 Copied

Siva

Participant

October 6, 2020 at 13:59

Hi,

Thank you 1, 2 & 4 all fixed.

3. On desktop and mobile no issues. In tablet view, the slider content looks so big.

Tablet view – https://prnt.sc/uu37cg
Desktop View – Looking good – https://prnt.sc/uu387r
Mobile View – Looking good – https://prnt.sc/uu39ea

Request – If possible please let me know how to make the current vertical slider to fixed into the tablet view. Else, is there any other option to display the slider or banner content into tablet view.

Thanks,
Siva

#254086 Copied

Olga Barlow

Participant

October 6, 2020 at 17:28

Hello,

3. a) Show 2 banners per row for the tablet view http://prntscr.com/uu77q3 using carousel settings http://prntscr.com/uu7882
b) Check the first row sliders now.

Regards

#254140 Copied

Siva

Participant

October 7, 2020 at 20:35

Good now.. Thanks

#254368 Copied
Viewing 7 results - 1 through 7 (of 7 total)