Return to previous page

Re: Singel Product Builder Queries - by Paula

This topic has 9 replies, 3 voices, and was last updated 4 years, 4 months ago ago by Paula

Paula

Participant

August 8, 2021 at 18:29

1. Why can’t I upload a custom SVG in the single product builder for my wishlist icon? I was able to do this in the header builder and I want both wishlist icons to be the same branded color.

Also, is there an option where I can remove the ‘add to wishlist’ text in the single product builder section? Within the setting for the wishlist, there are two input boxes where I assumed were there so that the text could be changed. I placed the new text that I wanted there, but on the front end, the new text just blinked out of existence and the default ‘add to wishlist’ text remained.

Is there any way to place the wishlist icon on the product image on the product page?

2. Is there any way to make the arrows on the product image remain visible constantly?

3. In the ‘add to cart’ widget, how can i change the font color of the option input section and how can I manipulate the width and the border radius of the option boxes?

#298213 Copied Theme version: 8.0.2

8 Answers

Olga Barlow

Participant

August 9, 2021 at 14:43

Hello,

Could you, please, provide us with WP Dashboard access to your site. We’ll check the issue in more detail? Also, provide us with links to SVGs that you want to use for the wishlist.

Regards

#298291 Copied

Paula

Participant

August 9, 2021 at 15:25

Here is the link to the SVG. https://ivyandoctober.com/wp-content/uploads/2021/08/heart.svg

Please contact administrator
for this information.

#298299 Copied

Olga Barlow

Participant

August 10, 2021 at 15:45

Hello,

1) Check now, please. Use the custom icon option https://prnt.sc/1mb237n
2) Are you talking about these arrows https://prnt.sc/1mb3lyb ? Check now.
3) Are you talking about this input https://prnt.sc/1mb4dre ? What result do you want to achieve? Could you, please, provide us with the screenshot and we’ll send you custom code.

Regards

#298423 Copied

Paula

Participant

August 10, 2021 at 19:20

1) This works beautifully. Thank you
2) Yes those are the arrows I’m referring to. They are only visible when the product image is hovered over. Is there any way they could remain whether someone hovers over the image or not? Also how can I add a background color like in the image shown? https://prnt.sc/1me1ty3
3) Pls see link showing what I’m referring to. https://prnt.sc/1mdwksy I’d like to change the color of the words ‘choose a color’ and I’d like to be able to widen the boxes

#298449 Copied
Olga Barlow

Participant

August 11, 2021 at 20:37
Hello,

1) You are welcome.
2) I added below custom to your child theme style.css. Check now.

.woocommerce-product-gallery.arrows-hovered .sm-arrow, .woocommerce-product-gallery.arrows-hovered>.swiper-container .swiper-custom-left, .woocommerce-product-gallery.arrows-hovered>.swiper-container .swiper-custom-right { opacity: 1 !important; visibility: visible; background-color: #fff !important; border-radius: 25px; }

3) I added the below custom to child theme style.css to change the color with selector width

.variations_form .select2.select2-container--default .select2-selection--single, .variations_form select { color: #000; width: 100%; }

Regards
#298562 Copied
Paula

Participant

August 12, 2021 at 23:31

Hi Olga,

Thank you for your time and assistance so far. However, I’m not seeing the custom changes you mentioned reflected on my end. Is there something I should do to activate the changes?

Please contact administrator
for this information.

#298718 Copied

Rose Tyler

Support staff

August 14, 2021 at 08:03

Hello,

Please clear all cache (plugin and browser) and check then.

Regards

#298818 Copied

Paula

Participant

August 14, 2021 at 14:33

Thank you Rose. Clearing it helped.

#298885 Copied
Viewing 9 results - 1 through 9 (of 9 total)