Custom Vipps button?

  • tbas

    (@tbas)


    3 years, 6 months ago

    Hello!

    I use Elementor Pro with a custom product page.
    The only way I see how to add the “Vipps express checkout” is to add the Elementor Woocommerce widget “Add to Cart”, but then the normal “Add to cart” button and Vipps button come on the same line and it’s looking very bad, also the Vipps logo is looking stretched and bad.

    Can I add my own custom Vipps button in any way on a product page?

Viewing 1 replies (of 1 total)
  • Plugin Author Iver Odin Kvello

    (@iverok)

    3 years, 6 months ago

    Yes, but you should refer to this:

    https://github.com/vippsas/vipps-design-guidelines

    There is a filter that lets you change the HTML for the button completely:

    return apply_filters('woo_vipps_buy_now_button', $buttoncode, $product_id, $variation_id, $sku, $disabled);

    You should only need to have the data attributes and classes the same to get the button to work.

    To place it anywhere, you can use a shortcode:

    [woo_vipps_buy_now id=.. variant=.. sku=..]

    You should be able to generate a variant of the HTML of this button.

    Also, you could probably fix the button with CSS. If you have a test page, I can take a look.

Viewing 1 replies (of 1 total)

The topic ‘Custom Vipps button?’ is closed to new replies.