Single Product Pages Widget Woes « Support Forum | Kriesi.at

Support Forum » Propulsion

Single Product Pages Widget Woes

9 posts from 2 voices

Started 1 year ago by Halucinated
Latest reply from Devin
This topic is resolved

Tags:

Halucinated
Member

First of all, awesome theme! Three related questions.

1) So I am using the Single Product Pages widget and it shows up fine when the product type is a, "simple product". But when I have a product with a type that is, "External/Affiliate Product," the widget shows up IN BETWEEN the price and the actual button to go to the external link. Check the examples below.

Good Widget

Bad Widget

2) How can I make the woocommerce cart buttons look like one of the awesome shortcode buttons that come with the propulsion theme?

3) Anyway to get the "Additional Information/Reviews" tabs to show up in the Single Product Pages widget area? Then not in the main post area.

Please help, thank you!

Posted 1 year ago #
Halucinated
Member

does anybody else have this problem?

Posted 1 year ago #
Devin
Moderator

Hi Halucinated,

Can you provide a link to a page thats having the main issue?

2) You would need to re-style the button with how you want it to look. If you have a specific button that you'd like to have the look of, we can try and provide the needed css to change it (if its possible).

3) That would require a good bit of customization of the theme files and/or the plugin template files. If you aren't comfortable with PHP, you'll need to look into a web developer who could do it as a freelance project.

Regards,

Devin

Posted 1 year ago #
Halucinated
Member

Hi Devin,

Thanks for your reply.

1) I would love to send you a link but I am running a maintenance mode on the site, so you would have to log in to the site in order to see what is going on. Is there an email where I can send you the password? I would love it for you to take a look at it.

2) I would like the add to cart button to look like the following shortcode from the propulsion theme.

[button link="#" color="2c3079" border="5d95c4" text="light"]Cool Button[/button]

3) I see. Thanks for the head up!

Posted 1 year ago #
Devin
Moderator

Hey Halucinated,

You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn't grab it :)

Regards,

Devin

Posted 1 year ago #
Halucinated
Member

Devin,

I just emailed you the details from my email Lucin(at)Halucinated.com. Thank you so much for helping me out. I am looking forward to it.

Best,

Steve

Posted 1 year ago #
Devin
Moderator
Hey Steve,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
#top .prev_image_container .avia_cart_external {
position: relative;
}
```
Regards,

Devin
Posted 1 year ago #
Halucinated
Member

Fantastic! That did the trick! Thank you so much!!!

Is there anyway to change the button style of the "add to cart" to one of the shortcode button styles like in the example a few replies up?

Thanks again!

Posted 1 year ago #

Devin
Moderator

This is the css for the add to cart buttons. You can add it to your quick css and modify it as you'd like for the visual you want:
Regards,

div .container a.button, div a.button, div .container button.button, div .container input.button {
padding: 10px;
line-height: 1em;
margin: 4px 2px 0 0;
float: left;
font-size: 12px;
width: auto;
vertical-align: middle;
text-align: center;
text-decoration: none;
border: none;
cursor: pointer;
font-family: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
}

Regards,

Devin

Posted 11 months ago #

RSS feed for this topic