Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • September 26, 2015 at 11:30 pm #509591
    mmsdev

    Hi.

    I am having some issues.

    I have managed to add a variable product to the bottom of a page using the woo commerce short code [product_page id=123456″] this on its own was not easy. But i got it working..

    Looks like this:

    Now i wish to do the following:

    1: Remove the product image placeholder from a certain page i choose not across the whole site.

    2: Make the product name a lighter font weight: At the moment it looks like this.

    I would like them across the whole site look like this weight:

    3: Make the description full width. EG: (but with the variable drop downs still there, i could not mock this up as i made the image below just with a text element to make the image for demonstration purposes.)

    Point to note the product description is coming from the “product short description” , anything i put n the main product description either in normal or advance layout editor never shows up on the product.

    You can see the page i have put this on in the Private Content section and its password protected, the password is also in the the Private Content.

    A link just to the product is also in the Private Content.

    September 26, 2015 at 11:40 pm #509598
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    September 26, 2015 at 11:52 pm #509605
    mmsdev

    Thats quick!

    • This reply was modified 8 years, 6 months ago by mmsdev.
    September 27, 2015 at 1:17 am #509618
    Josue

    Hey!

    Use the following CSS codes:

    1, 3:

    #product-6694 .single-product-main-image.alpha {
    display: none;
}

    2: 

    .single-product .product_title{
    font-weight: 300;
}

    Cheers! 
    Josue

    • This reply was modified 8 years, 6 months ago by Josue.
    September 27, 2015 at 1:45 am #509622
    mmsdev

    Thats just amazing a works a treat.

    You are a total legend!

    1: small thing is when you select an item and the menus drop down it clips the bottom of the text of “clear selection

    2: Can you make the drop down menus wider?

    “

    3: Is it possible to hide the product title on an individual page if i wanted to as well? as it carries the product title across with it and i would rather not have that seen on the page but write my own title with a special heading element above it EG: Enrol now

    • This reply was modified 8 years, 6 months ago by mmsdev.
    September 27, 2015 at 8:12 am #509644
    Josue

    Hi!

    Try adding this:

    .product_meta {
    min-height: 30px;
}

.variations select {
    width: 100% !important;
}

    Regards,
    Josue

    September 27, 2015 at 2:09 pm #509675
    mmsdev

    Great thats all working, even on mobile devices, i just need to crack point 3 above..

    3: Hide the product title on an individual page, as it carries the product title across with it and i would rather not have that seen on the page but write my own title with a special heading element above it EG: Enrol now

    Or even just not have a title showing at all on the page, as the products part of the bottom of a page it does not really need a title.

    September 28, 2015 at 6:36 am #509814
    Ismael

    Hi!

    It’s possible to hide the title with this:

    .single-product .product_title.entry-title {
    display: none;
}

    Best regards,
    Ismael

    September 28, 2015 at 9:29 am #509877
    mmsdev

    Hi.

    Thanks.

    That hides the title perfectly, but on every product… i wish to do it on just a few products on a product by product basis.

    Can you give m the code where i can just add in the product code i want to hide and then i can use that for each product, and leave the titles on the ones that do need a title.

    Many thanks

    September 28, 2015 at 9:37 am #509882
    Josue

    Try:

    #product-6694 .product_title {
    display: none;
}
    September 28, 2015 at 9:43 am #509884
    mmsdev

    Perfect works a charm,

    Many thanks

    September 28, 2015 at 9:55 am #509892
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

    September 28, 2015 at 9:57 am #509896
    mmsdev

    ahh small issue, if you use that on a product that does have the image showing and is not hiding it or full width (see Private Content) it hides the tile fine but then the text to right is not lined up with the top of the image.

    Is there away to pull the text up on an product when the title is hidden? or push the image down either way will do as long as they are lined up

    September 28, 2015 at 4:38 pm #510242
    Andy

    Hey!

    can you provide us a precise link where we can see the issue?
    You could try this code:

    .main_color .summary div {
position: relative;
top: -20px;
}

    and adjust as needed.

    Cheers!
    Andy

    September 28, 2015 at 9:47 pm #510415
    mmsdev

    That code works just fine.

    I just need to apply it to a few products, can you tell me how i add a product number to it..

    EG: #product-26721 needs to have that code applied to it…

    Many thanks

    September 29, 2015 at 12:31 am #510477
    Josue

    Hey!

    Have you tried:

    #product-6694 .summary div {
position: relative;
top: -20px;
}

    Cheers!
    Josue

    September 29, 2015 at 1:13 am #510491
    mmsdev

    Josue.

    You really are the man, unbelievable support and spot on every time..

    Now if you fancy it try and work this out!

    https://kriesi.at/support/topic/woo-commerece-issues-2/

    This is driving me mental.

    Thanks so much, again if there was a tip pot then i would be making a donation right now!

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Variable product full width’ is closed to new replies.