Hi there,
You’re correct, at the moment only one inline configurator can be used on a page. This is a technical limitation which I cannot change without some important refactoring.
What is possible however is to use one inline shortcode, and other button shortcodes ([mkl_configurator_button]).
Pressing a button will open the new product configurator in the existing inline configurator.
Though one thing to consider, is that when adding to cart, the page will refresh. So if the user configures both products, one of the configurations will be lost.
Marc
Thread Starter
toryg
(@toryg)
Hi Marc,
Thanks so much for getting back to me this really helps me figure things out.
So far it appears that it will work to have multiple button shortcodes on one page for different products, which may work. I still have to iron out some of the flow but I have another question about the popup window/customizer
I am using the Float theme, and I have the product on the left pane options on the right.
The more options I have on the right, I noticed it is setup to scroll. Is it possible to make the product pane on the left a scroll also?
In our scenario, we are having people choose one of 3 banner layouts/designs which will overlay and show on the left. Then, they move down to the second section/row in the design that will have 2-3 design options and they select that option and it will overlay, thus building their webpage in the preview pane. I would like it to be able to scroll because the design in the case of this page, is really small. I would like it to take up at least 50% of the space in the left pane and resize to 80% when using smaller screen sizes. I tried adjusting with CSS but realized it was in the JS that the scroll was being triggered. Is it possible to make the left pane image scroll and thus be a larger image so they can see more details?
I am comfortable editing code so if you have people that have asked for this in the past and have a snippet of code or some suggestions please let me know, I would love for this to be easier to read.
Thanks in advance!
Tory
Hi Tory,
The scrolling on the right isn’t affected by JavaScript, unless if enabled in the settings.
Though things will scroll on their own as you open the layers.
You can add scrolling to the viewer with the following CSS:
.mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers {
overflow: auto;
}
.mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img {
left: 50%;
top: 0;
transform: translateX(-50%);
max-height: none;
}
Though I’m not sure if this is what you are looking for, or if you want something more “synched” with the menu.
Marc
