Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #15740

    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

    #88822

    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

    #88823

    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

    #88824

    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

    #88825

    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

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Propulsion – shop – featured image size on product page’ is closed to new replies.