You will see the horizontal playlist below the player. If you resize your browser, you will see the player and playlist both resize.
A Pen by Brightcove Learning Services on CodePen.
| <?php | |
| /** | |
| * | |
| * You can find the complete tutorial for this here: | |
| * https://pluginrepublic.com/woocommerce-custom-fields | |
| * | |
| * Alternatively, check out the plugin | |
| * https://pluginrepublic.com/wordpress-plugins/woocommerce-product-add-ons-ultimate/ | |
| * |
| <?php | |
| /** | |
| * Plugin Name: Pharmacy | |
| * Plugin URI: http://domain.com | |
| * Description: Add extra info for pharmacy products | |
| * Author: Your name | |
| * Author URI: http:// domain.com | |
| * Version: 1.0 | |
| */ |
You will see the horizontal playlist below the player. If you resize your browser, you will see the player and playlist both resize.
A Pen by Brightcove Learning Services on CodePen.
| <section class="main-slider"> | |
| <div class="item youtube"> | |
| <iframe class="embed-player slide-media" width="100%" height="100%" src="https://www.youtube-nocookie.com/embed/9IfAjxkLn3w?enablejsapi=1&iv_load_policy=3&fs=0&rel=0&loop=1&start=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | |
| </div> | |
| <div class="item youtube"> | |
| <iframe class="embed-player slide-media" width="100%" height="100%" src="https://www.youtube.com/embed/IUUHhkYaKdo?enablejsapi=1&iv_load_policy=3&fs=0&rel=0&loop=1&start=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | |
| </div> |
| <?php | |
| namespace Company\Module\Block\Product\ProductList; | |
| class Toolbar extends \Magento\Catalog\Block\Product\ProductList\Toolbar | |
| { | |
| public function setCollection($collection) { | |
| $this->_collection = $collection; | |
| $this->_collection->setCurPage($this->getCurrentPage()); | |
| <?php | |
| /** | |
| * Add "Sort by discount" to sorting options. Defaults to biggest to smallest discount. | |
| */ | |
| add_filter( 'woocommerce_get_catalog_ordering_args', 'mycode_woocommerce_add_salediscount_to_catalog_ordering_args' ); | |
| function mycode_woocommerce_add_salediscount_to_catalog_ordering_args( $args ) { | |
| $orderby_value = isset( $_GET['orderby'] ) ? woocommerce_clean( $_GET['orderby'] ) : apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) ); | |
| if ( 'discount' == $orderby_value ) { | |
| $args['orderby'] = 'meta_value_num'; |
| <?php | |
| define('MAGENTO', realpath(dirname(__FILE__))); | |
| require_once MAGENTO . '/app/Mage.php'; | |
| Mage::app(); | |
| $category = Mage::getModel('catalog/category'); | |
| $tree = $category->getTreeModel(); | |
| $tree->load(); |
| <?php | |
| define('MAGENTO', realpath(dirname(__FILE__))); | |
| require_once MAGENTO . '/app/Mage.php'; | |
| Mage::app(); | |
| $category = Mage::getModel ('catalog/category'); | |
| $tree = $category->getTreeModel(); | |
| $tree->load(); |
| /* Smartphones (portrait and landscape) ----------- */ | |
| @media only screen | |
| and (min-device-width : 320px) | |
| and (max-device-width : 480px) { | |
| /* STYLES GO HERE */ | |
| } | |
| /* Smartphones (landscape) ----------- */ | |
| @media only screen | |
| and (min-width : 321px) { |
| /* | |
| ##Device = Desktops | |
| ##Screen = 1281px to higher resolution desktops | |
| */ | |
| @media (min-width: 1281px) { | |
| //CSS | |