How to edit the customizer theme

  • Hi there!
    I have trouble using your product-configurator-custom-theme from GitHub.
    I have followed your instructions but I’m sure I am doing something wrong.

    I uploaded the zip file as a plugin, activated it and then I tried to modify the CSS from wordpress – plugin editor. Nothing happened even if I deleted a big part of the code.
    That’s the editor I’m talking about

    I tried so hard to reposition elements, as in a previous topic you told someone what to change to have the image (layers) shown at top and the options at the bottom on mobile. Like on his page ( https://wrappin.nl/product/iphone-12-pro-max/ )
    Also tried to modify the cart button for mobile.

    I ran out of ideas… Even tried with “aditional CSS” from wordpress…. there I could make some differences, but only to hide elements.

    I really want to make some changes in CSS. Can you help me please?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Marc Lacroix

    (@marcusig)

    Hi there,

    There are a couple of things you can check:

    – Check that the custom theme is selected in Settings > Product configurator > Configurator Theme:

    – Your website currently has both Autoptimize and W3TC enabled, both caching the CSS (you only need one of them to do that).
    Try disabling minify for logged in users, or completely for the time you work on the theme.

    Marc

    Thread Starter octavgfx

    (@octavgfx)

    Thank you very much! It worked. (I missed the selection of the custom theme in settings)

    After I managed to get it working I have some other questions:
    First of all… an image appears over the “add to cart” modal like in this screenshot
    It’s the only thing overlapping it and I have no idea why. I checked if there is a z-index but it is blank.

    Also, is it possible to insert a container from another plugin to be shown in this modal?
    I want this field to appear on top of the price and “add to cart” button.
    It’s made with a plugin called “Woocommerce Custom Product Addons” and it’s just a container (not made from multiple elements added manually).

    Here is the page I’m trying to customize: https://stellariumstore.ro/creeaza/
    And this is the single product page that contains the field I want: https://stellariumstore.ro/tablou/standard/

    (P.S: That’s why would be nice to have some more options in your plugin like ‘custom text’)

    Edit: I’m constantly making changes and the pages may differ. The main thing I want to know is if it’s possible to insert something from another plugin and some tips if you can give.

    • This reply was modified 3 years, 9 months ago by octavgfx.
    • This reply was modified 3 years, 9 months ago by octavgfx.
    Plugin Contributor Marc Lacroix

    (@marcusig)

    First of all… an image appears over the “add to cart” modal like in this screenshot
    It’s the only thing overlapping it and I have no idea why. I checked if there is a z-index but it is blank.

    Yes that’s odd.
    Try increasing the z-index of the configurator:

    body.configurator_is_inline .mkl_pc

    which is currently at 3, but 10 seems to fix that issue.

    (P.S: That’s why would be nice to have some more options in your plugin like ‘custom text’)

    I’m planning to add this. But a form builder like that takes a good amount of time to make.

    Also, is it possible to insert a container from another plugin to be shown in this modal?

    You have a couple of options:
    – Use one of the hooks in the templates (in inc/frontend/views)
    – Use JavaScript to move the form.

    The fields you want to add have to be in WooCommerce’s add to cart form, so you’ll have to make sure it’s in the right place.

    Marc

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to edit the customizer theme’ is closed to new replies.