Yulio Aleman Jimenez

jorgelbg

<p>This WordPress plugin allows add some shortcodes on post to insert Shopify products. Also allow to retrieve/update/remove automatically all products from the shopify store (like a sync function).</p>
<h3>Smart Shopify Product</h3>
<p>This WordPress plugin allows add some shortcodes on post to insert Shopify products. Also allow to retrieve/update/remove automatically all products from the shopify store (like a sync function).</p>
<h3>Shortcodes</h3>
<ul>
<li><strong>[shopify_basic_product product_id=”ID”]:</strong> Allows to insert all product basic information and an <strong>add to cart</strong> button. This last, change its appearance accordingly the choices of the product variants that customers selects. this view is ideal for a product detail page.</li>
<li><strong>[shopify_info_product product_id=”ID” product_link=”src_of_product_detail”]:</strong> Insert a basic product card with the main image, title and price. Ideal for a collection page.</li>
</ul>
<h3>Button for shopping cart</h3>
<p>To get access to the shopping cart you can insert this code on the place of your preference:<br />
Note: You must have <code>Font Awesome</code> to get the <code>fa-shopping-cart</code> icon.</p>
<pre><code><button class="btn--cart-tab js-prevent-cart-listener">
    <span class="btn__counter"></span>
    <span class="fa fa-shopping-cart"></span>
</button>
</code></pre>
<h3>Shopify Cart</h3>
<p>To get a Shopify Cart where to see all products added to cart, you can insert this code on the place of your preference. It’s a good practice to locate it just next to the open <code><body></code> HTML tag:</p>
<pre><code>



<div class="cart">


<div class="cart-section cart-section--top">
    <h2 class="cart-title">Your cart</h2>
    <button class="btn--close">
        <span aria-role="hidden">×</span>
        <span class="visuallyhidden">Close</span>
    </button>
</div>



<div class="cart-form">
    <div class="cart-item-container cart-section">
    </div>
    
    <div class="cart-bottom">
        <div class="cart-info clearfix cart-section">
            <div class="type--caps cart-info__total cart-info__small">Total</div>
            <div class="cart-info__pricing">
                <span class="cart-info__small cart-info__total">CAD</span>
                <span class="pricing pricing--no-padding"></span>
            </div>
        </div>
        <div class="cart-actions-container cart-section type--center">
            <div class="cart-discount-notice cart-info__small">Shipping and discount codes are added at checkout.</div>
            <input type="submit" class="btn--cart-checkout" id="checkout" name="checkout" value="Checkout">
        </div>
    </div>
    
</div>


</div>


<script id="CartItemTemplate" type="text/template">
    <div class="cart-item">
        <div id="cart-item-id" class="hidden"></div>
        <div class="cart-item__img"></div>
        <div class="cart-item__content">
            <div class="cart-item__content-row">
                <div class="cart-item__variant-title"></div>
                <span class="cart-item__title"></span>
            </div>
            <div class="cart-item__content-row">
                <div class="cart-item__quantity-container">
                    <button class="btn--seamless quantity-decrement" type="button"><span>-</span><span class="visuallyhidden"></span></button>
                    <input class="cart-item__quantity" type="number" min="0" aria-label="Quantity">
                    <button class="btn--seamless quantity-increment" type="button"><span>+</span><span class="visuallyhidden"></span></button>
                </div>
                <span class="cart-item__price"></span>
            </div>
        </div>
    </div>
</script>



</code></pre>
<h3>Settings</h3>
<p>You can access to the Smart Shopify Product setting through the <strong>S. Shopify Product</strong> item menu in the WordPress admin menu.</p>
<h4>Shopify Tag</h4>
<p>On this section you will configure the main params to connect the WordPress website to the Shopify store, through the Shopify API credentials and the number of the app.</p>
<ul>
<li><strong>API url:</strong> The url of Shopify API for your Shopify app. This look like: <code>https://apikey:password@my-shop.myshopify.com</code>.</li>
<li><strong>Shop url:</strong> The url of your Shopify store. This look like: <code>my-shop.myshopify.com</code>.</li>
<li><strong>Access Token:</strong> This is a long random string of your Shopify app. This is knew as the <code>API Key</code> too.</li>
<li><strong>App ID Number:</strong> Usually this number is <code>6</code>, for the Buy Button.</li>
</ul>
<h4>Post Type of Product Tag</h4>
<p>On this section you will configure the post type in your WordPress website you use to represent a Shopify product. It usually works fine with post types created with Toolset plugin (the free version of this, allow to create this post types :)).</p>
<ul>
<li><strong>Post Type Slug:</strong> Slug of the Post Type for Products you have had created, using <code>Toolset</code> or another plugin for management of custom Post Type. <strong>Eg:</strong> product, shopify-product, sh-product. </li>
<li><strong>Product ID Meta Slug:</strong> Slug of the custom field type (or meta) of Shopify Product ID, for the Product Post Type you have had created, using Toolset or another plugin for management of custom Post Type. <strong>Eg:</strong> product-id, shopify-product-id, sh-product-id. <strong>Note:</strong> Custom field created with Toolset plugin have a “wpcf-” prefix. Eg: wpcf-product-id.</li>
</ul>
<h4>Shopify fields options Tag</h4>
<p>On this sections you will be capable to set some settings about the view of some fields of the Shopify products, like price, buy buttons and variant option selectors.</p>
<ul>
<li><strong>Show Shopify price field:</strong> Mean that the price of Shopify products will be shown or not.</li>
<li><strong>Replacing text for Shopify price field:</strong> If it’s not empty, the price of the Shopify products will be replaced with your replacing text. It’s ideal when you don’t want to show the prices to users.</li>
<li><strong>Show card Buy Button:</strong> If checked, the Buy Button will be shown on the product cards, for collection views or sections.</li>
<li><strong>Show details page Buy Button:</strong> If checked, the Buy Button will be shown on product detail pages.</li>
<li><strong>Show Variant Options selector:</strong> If checked, the selector of the Variant Options for Shopify products will be shown.<br />
                                 Note: Be careful. If checked and the product that is currently shown has no items available in stock for the first Variant Option, it will cause you not able to choice another variant to make shop.</li>
</ul>
<h3>Refresh function</h3>
<p>You can make some kind on <strong>sync</strong> with the products of your Shopify store. On the setting of the plugin, you will find a <strong>Refresh Shopify Product</strong> button, it will retrieve all Shopify products and will remove of your website the Shopify products that don’t exist anymore.<br />
* If you check the <code>Publish new products right away (set to Pending Review if unchecked)</code> option, post types created from Shopify products will publish automatically.</p>
<h3>Browser Testing</h3>
<p>We are using <a href="https://www.browserstack.com" rel="nofollow ugc">BrowserStack</a> for testing the plugin’s functions in the most popular moders browsers.<br />
With BrowserStack you can automate all web and mobile browser tests. It offers you a chance to keep attention to the real functionalities of your products and to fit the needs of your customers without worrying about browser testings.</p>

Smart Shopify Product

This Wordpress plugin allows add some shortcodes on post to insert Shopify products. Also allow to retrieve/update/remove automatically all products f …

Dashify

<p>Dashify brings a modern design and UI to the WooCommerce admin. Manage, search, and navigate orders faster.</p>
<p>Just activate Dashify, and you’re all set! Your existing WordPress admin turns into a beautiful, ecommerce-focused admin panel. No configuration necessary.</p>
<h3>Features</h3>
<p>Dashify doesn’t just give a fresh look to the WooCommerce admin—it also adds new functionality, marked with a star ⭐ below!</p>
<h4>WooCommerce-focused admin menu</h4>
<ul>
<li>Clear separation of WooCommerce from other WordPress menu items.</li>
<li>“Orders” and other WooCommerce submenu items are moved to the main admin menu, making them easier to find.</li>
<li>The navigation gets a modern style inspired by other popular apps (Shopify, Notion, Stripe).</li>
<li>Compatible with Admin Menu Editor.</li>
<li>If a plugin adds a menu item, you’ll find it in Dashify’s navigation too.</li>
<li>Doesn’t suit your store? You can turn it off without affecting the rest of Dashify.</li>
</ul>
<h4>⭐ Order trend graphs</h4>
<ul>
<li>See trends with a graph of total, refunded, and completed orders above the order list.</li>
<li>For WooCommerce Subscriptions, see subscription revenue, the number of new subscriptions, and the number of cancelled subscriptions.</li>
<li>Choose between Today, Last 24 hours, 7 and 30 day time periods.</li>
</ul>
<h4>Order list</h4>
<ul>
<li>Order status filters are big and easy to click.</li>
<li>Bulk actions appear only when at least one item is selected, and they are sticky as you scroll the order list.</li>
<li>The search bar and filters are grouped together, only visible when in use, and can be opened with the “F” keyboard shortcut.</li>
<li>Filters can be cleared all at once, or one at a time.</li>
<li>Table is fully responsive to screen size and works well on mobile devices.</li>
</ul>
<h4>Order view/edit</h4>
<ul>
<li>Switching from Shopify to WooCommerce? Manage orders in a <strong>Shopify-like UI</strong>.</li>
<li>⭐ <strong>Next and previous order buttons</strong> with keyboard shortcuts.</li>
<li>⭐ <strong>Jump to orders of the same status.</strong> Based on the order status selected in the order list, after clicking into an order, the next and previous buttons will go to the next or previous order of the same status.</li>
<li>⭐ Date and time formatted according to region.</li>
<li>⭐ Back button to get back to the order list.</li>
<li>Order number, status, and date are moved to the top for visibility.</li>
<li>Action and update buttons are grouped together at the top.</li>
<li>Order notes become a Timeline.</li>
<li>Timeline text box automatically expands as you type more.</li>
</ul>
<h3>Dashify Pro</h3>
<p><a href="https://getdashify.com/#pro" rel="nofollow ugc">Dashify Pro</a> brings even more improvements to the WooCommerce admin.</p>
<ul>
<li><strong>Get the Dashify theme on more WooCommerce pages.</strong> With Dashify Pro, the <strong>product list</strong> and <strong>WooCommerce settings</strong> are also styled. More pages coming soon! <a href="https://getdashify.com/roadmap/" rel="nofollow ugc">Check out the roadmap for details</a>.</li>
<li>⭐ <strong>Find orders quickly with global search.</strong> Dashify Pro adds a “Search orders” button to the WordPress admin toolbar, allowing you to find an order by ID, customer name, email, phone, or product SKU within an order. This AJAX search is faster because it doesn’t require a full page reload, unlike the standard WooCommerce order search. It also shows recent orders so you can jump to those quickly.</li>
<li>⭐ <strong>Hide specific custom fields in orders and subscriptions.</strong> You can mark custom fields as hidden, and then they won’t show in any order or subscription edit view.</li>
<li>⭐ <strong>Sort order line items by SKU.</strong> When packing orders with many items, this helps you find items faster if they’re also sorted by SKU in your warehouse or fulfillment center.</li>
<li>⭐ <strong>Sort order line items by product menu order.</strong> The items in a customer’s order can be sorted the same as they appear in the admin product list “Sorting” view and on the Shop page.</li>
</ul>
<p><a href="https://getdashify.com/#pro" rel="nofollow ugc">Screenshots</a> / <a href="https://getdashify.com/#pricing" rel="nofollow ugc">Pricing</a></p>
<h3>Compatibility</h3>
<p>Dashify should work with most plugins for the WooCommerce admin.</p>
<p>Here are the plugins we’ve extensively tested and designed Dashify to be compatible with:</p>
<ul>
<li>WooCommerce Subscriptions</li>
<li>Admin Menu Editor — Janis Elsts</li>
<li>PDF Invoices & Packing Slips for WooCommerce — WP Overnight</li>
<li>WooCommerce PDF Invoices, Packing Slips, Delivery Notes and Shipping Labels — WebToffee</li>
<li>Payment Plugins for Stripe WooCommerce — Payment Plugins</li>
<li>RD Order Modifier for WooCommerce — Robot Dwarf</li>
<li>Order Tags — 99w</li>
<li>PW WooCommerce Gift Cards — Pimwick, LLC</li>
<li>Smash Balloon Social Photo Feed — Smash Balloon</li>
<li>FiboSearch — FiboSearch Team</li>
<li>Ultimate Dashboard — David Vongries</li>
</ul>
<p>If you find a plugin that’s not compatible, leave a message in the <a href="https://wordpress.org/support/plugin/dashify/" rel="ugc">WordPress.org support forum</a> or contact us through the <a href="https://forms.gle/pRezSbdUcZmvZdX27" rel="nofollow ugc">Dashify Help Desk</a>, and we’ll gladly add compatibility for it.</p>
<p>You can turn Dashify on and off quickly through the WordPress screen options in case you have occasional plugins or workflows not currently supported by Dashify.</p>
<h3>Troubleshooting</h3>
<ul>
<li>If the order edit layout doesn’t look right, whether Dashify is on or off, turning it on/off again through the screen options will reset the layout.</li>
</ul>


Dashify: WooCommerce admin dashboard theme

A modern design and UI for the WooCommerce admin. Manage, search, and navigate orders faster. Make the WordPress admin dashboard ecommerce-focused.

Smart Shopify Product vs Dashify: WooCommerce admin dashboard theme