Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #23894

    Hello i started using WooCommerce Smart Sale Badge, i think it would help alot with sales. But it doesnt look good at the position it is at. Can you help me move the .sale as described below?

    Can you also help align the add to cart and show description tabs?

    portalpetshop.com/Archives.jpg

    #121523

    Hey,

    I don’t have that plugin. Can you give us a link to the page with the plugin?

    Regards,

    Ismael

    #121524

    http://wordpress.org/plugins/woocommerce-smart-sale-badge/

    Its a new free plugin that just came out recently.

    #121525

    Hi,

    I mean a link to your website with the plugin installed.

    Regards,

    Ismael

    #121526

    Oh ok sorry. I had the plugin disabled because my site is live and it looks ugly. Ill leave the plugin enabled until i hear back.

    http://www.portalpetshop.com/product-category/cat/pet-carriers-cat

    #121527

    Hi!

    I’ve not found an easy way to reproduce your layout but following css code:

    #top .onsale {
    top: -140px;
    }

    will reposition the badge and insert it at the top which looks better imho.

    Best regards,

    Peter

    #121528

    Thank you for the code. It makes the sale icons a little jumpy. My main concern is tho how to center the add to cart and show details box? its off and not aligned. Do i need to change my category image size to make it work perfectly?

    My second question is once the sale icon is removed i thought the box text would straighten out and span across the box but it acts as if the sale badge is still there. Is there any way to get more of the text to display in the empty space?

    portalpetshop.com/box.jpg

    #121529

    Hi,

    Please add this on your custom.css

    @media only screen and (max-width: 1278px) {
    #top .button, #top .submitbutton {
    min-width: 60px;
    }

    #top .product_on_sale .inner_product_header {
    padding-right: 10px;
    }
    }

    Regards,

    Ismael

    #121530

    Thank you greatly this works perfect for the .sale icons.

    Is there still any way to align the add to cart and show details buttons?

    #121531

    It doesn’t look right on a few of my pages.(examples below).

    With this code below the .sale icon is going up in respect from the bottom of the element.

    Would it work to have the .sale go down in respect of the top of the element?

    Some of the sizes of product category pics differ greatly causing the .sale icon to be in different places.

    But if it were in respect of the top of the product element shouldn’t it all be the same distance from the top?

    #top .onsale {

    top: -140px;

    }

    http://www.portalpetshop.com/product-category/clothing/new-pet-products

    http://www.portalpetshop.com/product-category/bird/breeding-supplies

    #121532

    Hi jwt2030,

    The easiest thing to do looking at that example page would be to just remove the top position entirely though I understand you may not want it partially covering the product with that small of a layout. Either way, you can play around with the positioning until you find something you like as its really an aesthetic choice that is up to you.

    For the buttons, 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 .button, #top .submitbutton {
    min-width: 60px;
    }

    Regards,

    Devin

    #121533

    Hello, i am sorry but i still cannot get the add to cart and show details buttons to align. I added the code to custom.css file and quick css.

    http://www.portalpetshop.com/product-category/bird/bird-cages-wrought-iron

    #121534

    Hi,

    Please add this to Devin’s CSS

    #top .button, #top .submitbutton {
    min-width: 60px;
    min-height: 42px;
    }

    That should straighten out the buttons. There is no need for you to put the css in both Quick CSS and custom.css … Just pick one :)

    Thanks,

    Nick

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

The topic ‘WooCommerce Smart Sale Badge and Product Buttons’ is closed to new replies.