Greeting, my products end up very tall, which makes much of the content below an area you need to scroll to. is there a way to make the hovering text editor appear above the selected text/textbox instead of all the way on top?
also any way of getting the window to be responsive for client end too? like when responsive is clicked it doesnt go above a certain height, but when its off its like now which is max width?
thanks
Best Answer
B
Bahati
said
over 6 years ago
First you will need to create two columns in you page one for the product designer and one for the fancy product designer main bar.
Next use any of this columns you created to display the main bar using the [fpd_main_bar] short code and use the other column to display the product designer using the [fpd] short code.
Here is where you need to add some code to make the column containing the main bar sticky on the page so that when the user scrolls the page the main bar will follow them.
i just seen that your demo now has that, is that from the PLUS plugin? or my FPD bugging?
m
michael step
said
over 6 years ago
okay found it, but now i remember why i disabled it. PLEASE HELP, it loads below the page for items at the bottom of the page. any way of loading it above the itembox when below 50% of screen or something? thanks
Bahati
said
over 6 years ago
Answer
First you will need to create two columns in you page one for the product designer and one for the fancy product designer main bar.
Next use any of this columns you created to display the main bar using the [fpd_main_bar] short code and use the other column to display the product designer using the [fpd] short code.
Here is where you need to add some code to make the column containing the main bar sticky on the page so that when the user scrolls the page the main bar will follow them.
Any way of making it load on top? It's a flyer and it's long as is.. is there any way for me to decrease the height of the designer so the flyer is smaller? Tyvm
m
michael step
said
over 6 years ago
tyvm, but the length is so huge atm its getting back feedback so trying to not increase user scroll.. Is there a way to limit the editor than?make the design even smaller for"flyer options? like max height of editor?
michael step
Greeting, my products end up very tall, which makes much of the content below an area you need to scroll to. is there a way to make the hovering text editor appear above the selected text/textbox instead of all the way on top?
also any way of getting the window to be responsive for client end too? like when responsive is clicked it doesnt go above a certain height, but when its off its like now which is max width?
thanks
First you will need to create two columns in you page one for the product designer and one for the fancy product designer main bar.
Next use any of this columns you created to display the main bar using the [fpd_main_bar] short code and use the other column to display the product designer using the [fpd] short code.
Here is where you need to add some code to make the column containing the main bar sticky on the page so that when the user scrolls the page the main bar will follow them.
The code below can be used for that :
Demo video
- Oldest First
- Popular
- Newest First
Sorted by Oldest Firstmichael step
i just seen that your demo now has that, is that from the PLUS plugin? or my FPD bugging?
michael step
okay found it, but now i remember why i disabled it. PLEASE HELP, it loads below the page for items at the bottom of the page. any way of loading it above the itembox when below 50% of screen or something? thanks
Bahati
First you will need to create two columns in you page one for the product designer and one for the fancy product designer main bar.
Next use any of this columns you created to display the main bar using the [fpd_main_bar] short code and use the other column to display the product designer using the [fpd] short code.
Here is where you need to add some code to make the column containing the main bar sticky on the page so that when the user scrolls the page the main bar will follow them.
The code below can be used for that :
Demo video
michael step
michael step
Bahati
You can either increase the bottom margin for product designer and the page or increase your product designers height
Bahati
Hey I check you site and notice you are using a pop modal to display the product designer so the code above only WILL NOT WORK .
The idea remain the same adding the margin bottom. I hope this is what you want to achieve.
add the code below to your UI & layout Composer custom CSS to apply this margin bottom to all the product
If you want to apply this to only one product use this instead and specify the product id (use chrome dev tool to get the product ID)
michael step
michael step
tyvm, but the length is so huge atm its getting back feedback so trying to not increase user scroll.. Is there a way to limit the editor than?make the design even smaller for"flyer options? like max height of editor?
-
Adding Fancy Products to Categories
-
Shortcode for specfic product designer
-
What theme is recommended to use with FPD ?
-
Exclude Image from export
-
Google Font Family adds extras
-
Floating Dialog box
-
Uploadzone not working
-
Image transparency like in T-shirt demo
-
How do I get clipart
-
What does the LOAD button do / what is it for?
See all 2194 topics