Related Product Appearing Also as Text

dynameek · July 2023

Hi,

My woocommerce store for some reason started displaying related products as text links as well as the standard related products.. See what I mean here: https://necesities.com/product/smart-portable-rechargeable-fingerprint-padlock/ and here: https://necesities.com/product/ultraflex-2000ml-collapsible-water-bottle/. It appears under all my product pages.

Is there a setting I may have turned on without knowing? I can't seem to figure it out.

Also, when I try to design my own single product template, I don't like the look of the Add to Cart item. I want some space between the botton and the product quantity picker. Do you know how I can create that space? I believe a CSS code should solve this. Also, is this related to the prebuilt theme that I've chosen for my site?

Lastly, say I like this single product page [https://themes.muffingroup.com/be/clothingstore/product/stylish-set-2/], how do I import it? I've tried the tutorial for this but it gives me a scrambled outcome. I've attempted to paste a screenshot below. Is this something to do with my settings? Let me know if you have trouble seeing the image.

Please let me know asap.

Thanks.

Phil · July 2023

Hello,

1) It is probably added by the Jetpack plugin. Please see the following link:

https://jetpack.com/support/related-posts/

There you can find out how to disable it.

2) Please try the following CSS code:

.single-product .quantity{
   margin-bottom: 15px!important;
}

3) Please try to use the single-page import feature.

https://support.muffingroup.com/video-tutorials/how-to-import-single-page/

Best regards

dynameek · July 2023

Thank you so much for this.. problem solved.

One more thing, If I want to add a text before Add to Cart botton, how do I do that? I've used CSS codes & JS but can't seem to place them exactly where I want them. For example, if I put a text after add to cart, it doesn't start on a new line. It's attached to the button & doen't start on a new line.

So please, give me a basic code for this & I'll edit it to match what I want. I want for before & after add to cart please.

Thanks.

Alex

Phil · July 2023

Please try the following CSS code:

.single-product .single_variation_wrap:before{
   content: "text before";
}
.single-product .single_variation_wrap:after{
   content: "text after";
}

Put it in Betheme -> Theme option -> Custom CSS & JS -> CSS, and let me know if it is what you wanted to achieve.

Best regards

dynameek · July 2023

Thanks for this.. very much appreciated.

Sorry, what if I wanted to used PHP code to add text before or after add to cart using plugins like code snippets? If this is possible, what sample code do I use?

Thank you for the help

dynameek · July 2023

Sorry, me again, how do I make the product image & product info container 50/50 in size? At the moment, you can see in the link that the product image is quite large but I want it smaller https://necesities.com/product/portable-led-night-light/

Thank you so much for the help... I appreciate it :)

Phil · July 2023

1) Sorry, but we do not provide help with file customization, and regarding this, you should contact your web developer.

2) Try the following CSS code:

.single-product .product_image_wrapper.column,
.single-product .entry-summary.column{
 width: 50%;
}

Thanks

dynameek · July 2023

OK.. Noted! Thank you!

Related Product Appearing Also as Text

Comments