Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #18791

    Hi,

    I’d like to change the padding of some issues in product pages, for instance “Related Products” all the way to the left, below Product image.

    Even show more related products, here is a link as an example:

    http://www.cuidatez.com/Screenshot1.jpg

    Thanks.

    #100957

    Hi Icarox,

    That isn’t possible with the way the individual product pages are generated as they use a sidebar for the layout and it would require completely re-doing the pages to allow that content to expand all the way over.

    Regards,

    Devin

    #100958

    Ok Devin,

    Thanks for your answer… ;-) And… is it possible to do 4 horizontal columns inside the short description?

    something like this:

    http://www.cuidatez.com/Screenshot3.jpg

    Rgds,

    Icarox.

    #100959

    You could use column shortcode to get the columns very easily. If you want the line borders, you’ll need to create some new css instead of using the built in shortcodes.

    For example, put this into the visual editor for your product to get 4 columns:

    The product has a description and this is it!

    [one_fourth first]Content for 1/4 Column here[/one_fourth]

    [one_fourth]Content for 1/4 Column here[/one_fourth]

    [one_fourth]Content for 1/4 Column here[/one_fourth]

    [one_fourth]Content for 1/4 Column here[/one_fourth]

    Must have at least one line of text here to clear the columns!

    Make sure to keep that last line of text, it clears the columns so the add to cart button and such don’t get messed up. The magic wand looking button in the visual editor tool bar will bring up the menu for the rest of the shortcodes.

    Regards,

    Devin

    #100960

    Great Devin!!

    Works perfectly… I’ll use the four column in html.

    Thanks a lot… great support!!

    Regards,

    Icarox.

    #100961

    Oops, I realize one thing… if I put the columns….the “Add to Cart” button disappears…o:

    With columns:

    http://www.cuidatez.com/Screen_Products_wcollumns.jpg

    Without columns:

    http://www.cuidatez.com/Screen_Prod_wocollumns.jpg

    Every product is going to have this 4 columns ;)

    Rgds

    #100962

    You missed my last bit of instructions :)

    After you do the shortcode you *MUST* have at least one single line of text to clear the line and allow for the formatting to work properly.

    Regards,

    Devin

    #100963

    Hehe…. sorry, I forgot to review that XD

    And… (sorry for being so picky…) Can I move the “Add to Cart” button above the short description, like I’m showing in this picture?

    http://www.cuidatez.com/Screen_Prod_changed_2.jpg

    Maybe in woocommerce-hooks.php?

    Thanks.

    #100964

    I didn’t test this mod but you can try it – open up abundancewoocommerce-configconfig.php and replace:

    add_action( 'woocommerce_before_single_product', 'avia_title', 1, 2);

    with:

    add_action( 'woocommerce_before_single_product', 'avia_title', 1, 2);
    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);
    add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

    #100965

    Hi Dude,

    Works prefect! ;)

    Thanks!!!

    #100966

    Hi!

    Great :)

    Best regards,

    Peter

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

The topic ‘Product Page margin’ is closed to new replies.