Propulsion - shop - featured image size on product page « Support Forum | Kriesi.at

Support Forum » Propulsion

Propulsion - shop - featured image size on product page

5 posts from 3 voices

Started 8 months ago by susan_ideology
Latest reply from susan_ideology
This topic is closed
This topic is not a support question

Tags:

susan_ideology
Member

Hello, a couple of questions on the shop pages in Propulsion:

1. Image size on product page. For some reason I'm unable to create a page with a large size image, with the product description below. Try as I might, and using various sizes of images I am stuck with product pages with a small image of the product aligned left with the product description floated right. Within the examples that were included in the theme download, one of the products is for "large image". This displays properly as going the full width of the page...just can't figure out how its done. I have tried re-setting the default image sizes in the Woo settings but to no avail. Help!

2. Is it possible to have a short description of the product underneath the product name on the shop page?

3. I have removed the images of related items that appear appear at the bottom of the product page but still have the horizontal bar with the words related products. How can I remove this?.

4. Is it possible to customise the "add to cart" button on the product page? What I would like is a circular button with the word "buy" inside it.

Many thanks!

Susan

Posted 8 months ago #
Mya
Hi Susan,

On 2, I'm going to flag the rest of support team to help with because I'm not entirely sure what steps to tell you to take. For the others, let's go through.

1. Open config-woocommerce/config.php and change this line:

$avia_config['imgSize']['shop_single'] = array('width'=>450, 'height'=>355);

3. If you want to hide the entire Related Products div add this to your custom.css.

.related.products { display: none; }

If you want to hide just the horizontal bar and leave any text you may have add this:

.related.products hr_flag { display:none; }

4. I think the easiest way to do this is to create an image of the type of button you want with the word "Buy" already included then upload the image to your theme directory and add something like this to your custom.css:
```
form.cart .button {
   background: #FFFFFF url("path-to-my-image.png") no-repeat top left;
   border-radius: 0px;
   padding: 0px;
   text-indent:-9999px;
   width: auto;
}
```
What this should do is apply your image as the background and hide the "Add to Cart" text.

Hope this helps!

Regards,
Mya
Posted 8 months ago #
susan_ideology
Member

thanks for all your suggestions Mya,

Re item 3 - related products, I managed to get rid of the images of the related products using the first piece of code - .related.products { display: none; }

But was left with the hr flag. Inserting the second piece of code you suggested didn't remove this - wonder if I have missed something?

Many thanks.

Susan

Posted 8 months ago #
Devin
Moderator
Hi Susan,

Try using:
```
#top.single-product .related.products {
display: none;
}
```
That *should* remove that entire area from view without having to modify any of the theme files.

As for your original question for adding text below the item name, it isn't something we can help with unfortunately. The theme is already making use of all the additional fields from WooCommerce so you would need to add something completely new to display there.

For a normal page or post I would say you could use a custom field via wordpress but with running it through the plugin I'm really not even sure how or where to start. If its something you really wish to pursue the WooThemes Woo Commerce forums would be the place to start.

Regards,

Devin
Posted 8 months ago #
susan_ideology
Member

thanks Devin, the code you provided re related items worked. Re the woo customisations - fair enough. I'll see if I can get any help from their support forums. Susan

Posted 8 months ago #