This topic has 5 replies, 2 voices, and was last updated 2 years, 10 months ago ago by waller
where can I enter additional text in the product boxes after the price.
So that the slider with add to cart is carried out cleanly?
Site URL: https://www.waller-tackle.com/1640345654460/home-page-niche-market02-2/
Theme version: 8.0
WooCommerce version: 6.0.0
#313104
Avatar: Rose Tyler
Rose Tyler
Support staff
December 27, 2021 8:24 am
Hello,
Describe the desired result in more detail, with screenshots, please.
You can use Lightshot screenshot or Gyazo tool to share the link to your screenshot.
Regards
#313120
Avatar: waller
waller
Participant
December 27, 2021 10:43 am
here is the desired link to the screenshot
https://prnt.sc/24rxq8g
how it looks so far, you can see on my side
Site URL: http://www.waller-tackle.com/1640345654460/home-page-niche-market02-2/
#313135
Avatar: Rose Tyler
Rose Tyler
Support staff
December 27, 2021 2:25 pm
That text on your site come from an additional plugin?
Try to change settings of Products element > https://prnt.sc/24sslmm
Regards
#313159
Avatar: waller
waller
Participant
December 27, 2021 2:51 pm
That text on my site come from Woocommerce – Settings – Price Suffix
my settings are like yours.
look at my side
Regards
Site URL: http://www.waller-tackle.com/1640345654460/home-page-niche-market02-2/
#313164
Avatar: Rose Tyler
Rose Tyler
Support staff
December 27, 2021 4:42 pm
I asked to change settings from that on the demo because maybe with another product view the content will be displayed better, try to set 3 products per row there.
Or do you want to keep that text with Light view?
Regards
#313175
Avatar: waller
waller
Participant
December 27, 2021 4:53 pm
Unfortunately, the text has to be retained for legal reasons.
I would like to keep this text in the light version, if possible
Regards
Hello,
Go to Theme Options > Custom CSS and add the below code
.product-view-light .button-switch, .product-view-light .price-switch, .product-view-light .switcher-wrapper {
height: 130px;
}
.product-view-light.et_cart-on .content-product:hover .price-switcher {
-webkit-transform: translateY(-130px);
transform: translateY(-130px);
}
Regards
I entered it like that, unfortunately it doesn’t work, no change
already cleared Browser cache
Hello,
Replace previous code with the following
.template-container .product-view-light .button-switch, .template-container .product-view-light .price-switch, .template-container .product-view-light .switcher-wrapper {
height: 130px;
}
.template-container .product-view-light.et_cart-on .content-product:hover .price-switcher {
-webkit-transform: translateY(-130px);
transform: translateY(-130px);
}
Regards
now it works, thank you very much!
The issue related to '‘enter additional text in the product boxes after the price’' has been successfully resolved, and the topic is now closed for further responses