-
AuthorPosts
-
September 26, 2015 at 11:30 pm #509591
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 #509598Hi,
Can you post the link to your website please?
Regards,
JosueSeptember 26, 2015 at 11:52 pm #509605Thats quick!
- This reply was modified 9 years, 3 months ago by mmsdev.
September 27, 2015 at 1:17 am #509618Hey!
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 9 years, 3 months ago by Josue.
September 27, 2015 at 1:45 am #509622Thats 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 9 years, 3 months ago by mmsdev.
September 27, 2015 at 8:12 am #509644Hi!
Try adding this:
.product_meta { min-height: 30px; } .variations select { width: 100% !important; }
Regards,
JosueSeptember 27, 2015 at 2:09 pm #509675Great 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 #509814Hi!
It’s possible to hide the title with this:
.single-product .product_title.entry-title { display: none; }
Best regards,
IsmaelSeptember 28, 2015 at 9:29 am #509877Hi.
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 #509882Try:
#product-6694 .product_title { display: none; }
September 28, 2015 at 9:43 am #509884Perfect works a charm,
Many thanks
September 28, 2015 at 9:55 am #509892You are welcome, glad to help :)
Regards,
JosueSeptember 28, 2015 at 9:57 am #509896ahh 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 #510242Hey!
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!
AndySeptember 28, 2015 at 9:47 pm #510415That 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 #510477Hey!
Have you tried:
#product-6694 .summary div { position: relative; top: -20px; }
Cheers!
JosueSeptember 29, 2015 at 1:13 am #510491Josue.
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!
-
AuthorPosts
- The topic ‘Variable product full width’ is closed to new replies.