Products Showcase – Shopify Integration
Display your Shopify products on WordPress with beautiful, responsive carousels and grids. Built as a native Gutenberg block with OAuth authentication for easy setup. Features Native Gutenberg Block – Built with React, no jQuery or third-party services on the frontend Beautiful Carousels – Touch-friendly product carousels powered by Embla Carousel Smart Product Display – Show individual products or entire collections Color Swatches – Visual product color options with hover effects Carousel or Grid Layout – Horizontal carousel or a responsive grid with 2-6 columns Fully Responsive – Optimized for all screen sizes and devices Performance Optimized – Smart caching and lazy loading Live Search – Real-time product/collection search in block editor Sale Badges – Automatic sale badge and struck-through compare-at prices OAuth Authentication – Secure one-click connection to Shopify Use Cases Showcase featured products on your blog Display seasonal collections on landing pages Add product carousels to content-heavy sites Bridge content and commerce seamlessly Requirements WordPress 6.3+, PHP 7.4+ A Shopify store with Admin API access Links Plugin Website – Overview, demos & updates GitHub Repository – Source code & developer docs Documentation – Full installation guide External Services This plugin connects to the Shopify Admin API to fetch your product data. Service Provider: Shopify Inc. Data Transmitted: Store URL, OAuth credentials (one-time), and product queries When: During setup, when searching products in editor, and when displaying products (cached for 1 hour) Privacy: All Admin API calls are made server-side and the plugin itself sends no visitor data to Shopify. Product data is cached locally. Note that visitors’ browsers load product images directly from Shopify’s CDN (cdn.shopify.com), and product links open on your Shopify store, so Shopify may receive standard request data (such as IP address) from visitors in the same way as any embedded image or outbound link. Shopify Legal: * Terms of Service * Privacy Policy * API Terms Configuration Easy OAuth Setup Navigate to Shopify Products in WordPress admin Enter your Shopify Store URL (e.g., your-store.myshopify.com) Paste your Client ID from Shopify Paste your Client Secret from Shopify Click “Connect to Shopify” You’ll be redirected to Shopify to authorize the connection After authorizing, you’re automatically redirected back – done! The plugin automatically obtains the access token via secure OAuth and detects the latest Shopify API version. Usage Edit any page or post in WordPress Click “+” to add a block and search for “Shopify Products” Choose Products Mode (select individual products) or Collection Mode (display a collection) Use the live search to find and add products Customize title, description, and product limit as needed The block displays as a touch-friendly carousel on mobile and with arrow navigation on desktop, or as a responsive grid (choose Layout → Grid in the block’s Display Options and set the desktop column count). Single products get a special two-column featured layout. Not using the block editor? Use the [products_showcase] shortcode in the Classic editor, text widgets, or page builders: [products_showcase collection="123456789"] [products_showcase products="111,222,333" title="Featured"] [products_showcase collection="123456789" layout="grid" columns="4"] Supported attributes: collection, products, limit, layout, columns, title, description, button_text, button_url, button_new_tab, new_tab, hover_image, card_width, disable_padding, and color options. See the GitHub README for the full list. Customization For custom CSS classes, template overrides, hooks & filters, and developer documentation, see our GitHub README. Troubleshooting Products Not Showing Check API credentials in Settings → Shopify Products Verify connection shows green checkmark Clear cache using the button in settings Ensure products are set to Active in Shopify (Draft products are hidden) Can’t Configure Shopify App In Dev Dashboard, click “New version” to edit settings Add scopes in the “Access” section Click “Release” to activate your configuration For detailed troubleshooting, see our GitHub documentation. Credits Built with Embla Carousel for smooth, touch-friendly carousels Powered by @wordpress/scripts Support Plugin Website Plugin Support Forum GitHub Issues Privacy Policy This plugin connects to Shopify’s API to fetch product data. Product information is cached locally. The plugin does NOT collect or transmit any visitor data. See Shopify’s privacy policy for their data handling practices.
WP Munich Blocks – Gutenberg Blocks for WordPress
** ⚠️ This plugin is not actively maintained anymore. Please use it at your own risk. ⚠️ ** Use these carefully crafted blocks to create stunning content on your Gutenberg enabled WordPress website. These blocks a built as versitile as possible and are fully compatible to the official Twenty Ninteen theme and work fine in all the other Twenty X themes. ▶️ Available Blocks ✅ Split – Block Demo Display feature presentations or a visually appealing list of things with multiple split blocks in a row. You can set an image on one side and text on the other side. Use the center image to create an ‘image in image’ effect to display important images. ✅ Background – Block Demo Create colorful and interesting backgrounds with the background block. The block acts as a wrapper for other blocks and you can define background and text color, a background image and width of the background. Works best in full width enabled themes. ✅ Latest Posts Advanced – Block Demo Display a beautifully styled list of your most recent posts. ✅ Event – Block Demo Quickly create a description of an event you’re writing about. The block also generates the needed structured data for Google to show event details in the search results. ✅ Accordion – Block Demo Use this block to provide a well structured piece of content. You can use this for FAQ sections and contnent you don’t want to be initially visible. ✅ RSS – Block Demo Syndicate content from all over the web and quickly create an index of fresh content. ✅ Person – Block Demo A beautiful block to present your team members or other kinds of people. ✅ Pricing – Block Demo Compare your pricing tiers and sell more. ✅ Timeline – Block Demo Visualise a series of time-based events. ✅ Feature Grid – Block Demo A block to present your features or special links. ▶️ Additional Features ✅ No Margin Bottom – Demo A control for every block to remove the bottom margin. That makes stacking blocks possible. ✅ Image Filters – Demo A set of filters for the core image and gallery blocks and our split block to add beautiful color effects to the images.
