Scribd Logo
Upload

Welcome to Scribd!

  • 814 views

    REHUB Theme Shop Options Woo Edd Extended Custom Product Areas

    Uploaded by

    sup africa

    Copyright:

    © All Rights Reserved
    Download as PDF or read online from Scribd
    Flag for inappropriate content

    You might also like

    REHUB Theme Shop Options Woo Edd Extended Custom Product Areas

    Uploaded by

    sup africa
    814 views8 pages

    Original Title

    REHUB-Theme-shop-options-woo-edd-extended-custom-product-areas

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF or read online from Scribd
    Flag for inappropriate content
    Download as pdf
    814 views8 pages

    REHUB Theme Shop Options Woo Edd Extended Custom Product Areas

    Uploaded by

    sup africa

    Copyright:

    © All Rights Reserved
    Download as PDF or read online from Scribd
    Flag for inappropriate content
    Download as pdf
    of 8
    51512020 Search Wpsoul Documentation ReHub Theme Theme Install, update, translation (htipi/rehubdocs.wpsoul.com/docs/rehub-theme/theme- install-update-ranslation/) Child themes (http://rehubdocs.wpsoul.com/docs/rehub- ‘theme/child-themes/) Basic settings (http://rehubdocs.wpsoul.com/docs/rehub- theme/basic-settings/) Post settings and page templates (htcp//rehubdocs.wpsoul.com/docs/rehub-theme/post- settings-and-page-templates/) Page builder (http://rehubdocs.wpsoul.com/docs/rehub- theme/page-builder/) Reviews, product review types, user reviews (htep://rehubdocs.wpsoul.com/docs/rehub-theme/reviews- product-review-types-user-reviews/) Affiliate settings (http://rehubdocs.wpsoul.com/docs/rehub- theme/affliate-settings/) Cashback Functions (httpi//rehubdocs.wpsoul.com/docs/rehub- theme/cashback-functlons/) Best conversion (profit) helpers (htcpi//rehubdocs.wpsoul.com/docs/rehub-theme/best- conversion-profit-helpers/) Comparison charts, tables, (http:/rehubdocs.wpsoul.com/docs/rehub- theme/comparisons-tables-charts-lists/) Directory functions, advanced specifications (http://rehubdocs.wpsoul.com/docs/rehub-theme/filtered- directory-specifications/) Shop (woacammerce) options (htip://rehubdocs.wpsoul.com/docs/rehub-theme/shop- options-woo-edd/) Introduction (nttp://rehubdocs.wpsoul.com/docs/rehub- theme/shop-options-woo-edd/) WooCommerce basic (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘ehubdocs.wpsoulcomidocs!rehut-tomalshop-options-woo-oddlextonded-custom product Extended Custom Product areas All Docs» | Search ## Home (http:/rehubdocs.wpsoul.com) > ReHub Theme (http/rehubdocs.wpsoul.corn/docs/rehub- theme/) > Shop (woocommerce) options (hitp://rehubdocs.wpsoul.com/docs/rehub- theme/shop-options-woo-edd/) » Extended Custom Product areas Extended Custom Product areas Custom code areas can be used for different purposes. Custom icon blacks, informational banners, promo images, additional CTA blocks, notices and offers. Each product has 3 unique code zone. The next two blocks can be set per each product or globally. if you want to show some content in all products, you should use Global part in Theme option - shop settings - Custom code areas I you want to add some content just for special product, add it in Custom code areas section Each area is rendered on Product page and place is depending on Product layout Mu Extended Custom Product areas ‘options-woo-edd/woocommerce/) Image sizes for shop pages (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/image-sizes-for-shop-pagesi) Wishlist (http://rehubdocs.wpsoul.com/docs/rehub- theme/shop-options-woo-edd/wishlist/) Product Layout (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/product-layout/) Dynamic quick comparison (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/dynamic-quick-comparison/) Extended Custom Product areas (http://rehubdocs.wpsoul.com/docs/rehub- theme/shop-options-woo-edd/extended-custom- product-areas/) Configuring Attributes and specifications, (nttp://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/configuring-attributes-and- specifications/) Better Product Fikering (hetpi/frehubdocs.wpsoul.com/docs/rehub-theme/shop- options-woo-edd/better-product-fitering/) How to add countdown (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/how-to-add-countdawn/) How to create custom tabs in woocornmerce (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- options-woo-edd/how-to-create-custom-tabs-in- woocommerce/) Product swatches and extended specifications (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/product-swatches-and-extended- specifications/) How to add cool category blacks (nttp://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/how-to-add-cool-category-blocks/) How to add video thumbnails to product (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/how-to-add-video-thumbnalls-to- product/) Editor Review (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/editors-review/) How to make variable affiliate products (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- options-woo-edd/how-to-make-variable-affliate- products/) ‘ehubdocs. soul comitocsirehut-tomalshop-options-woo-oddlextonded-custom product Tips. Sometimes, you need to show global area but only for one product category. Use special shortcode for this So, your code will be executed only if Product, belongs to category with category Ids = 1 or 2 Latest theme version has support for Elementor custorn blocks, so, you can easily add and configure any type of custom areas with nice design or even make one click import ready template, For this, install Elementor page builder if you dontt have it on site, You can do this in Plugins ~ add new and search for "Elementor" Next, you can create custom template. Go to Templates - Add new and choose to create Section" Now, you can create template, save it. Go back to Templates ~ Saved templates and find shortcode of your template in right part. You can copy it and use in Custom product areas. 51512020 ‘Add Category Dropdown to Header search (httpi//rehubdocs.wpsoul.com/docs/rehub-theme/shop- options-woo-edd/add-category-dropdown-to-header- search/) How to use Woocommerce as Catalog and Directory (nttpis/rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/how-to-use-woocommerce-as-catalog- and-directory/) How to change button text globally (nttp://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/how-to-change-button-text-globally/) How to make classified site on Woocommerce (http:/frehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/how-to-make-classified-site-on woocommerce/) How to add infinite loading in shop pages (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/how-to-adc:-infinite-loading-in-shop- pages!) How to add quick view option and custom plugin compatibility (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- options-woo-edd/how-to-add-quick-view-option-and- custom-plugin-compatibility/) How to disable Related Products (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- options-woo-edd/how-to-disable-related-products/) Multiple vendor comparison per product (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- ‘options-woo-edd/multiple-vendor-comparison-per- product/) How to use waacornmerce only for printable coupons of local shops (http://rehubdocs.wpsoul.corn/docs/rehub- theme/shop-options-woo-edd/how-to-use- woocornmerce-only-for-printable-coupons/) User ratings (http://rehubdocs.wpsoul.com/docs/rehub. theme/shop-options-woo-edd/user-ratings/) Remove Pros and Cons fields from product comments (http://rehubdocs.wpsoul.com/docs/rehub-theme/shop- options-woo-edd/remove-pros-and-cons-fields-from- product-comments/} Configuring Locators, (htep//rehubdocs.wpsoul.com/docs/rehub- theme/configuring-locators/ User submit, memberships, profiles (http://rehubdocs.wpsoul.com/docs/rehub-theme/user- ‘submnit-memberships-profiles/) List of important meta fields (htepi/rehubdocs.wpsoul.com/docs/rehub-themellistof rehubdocs.wpsoulcomidocsirehut-tomelshop-options-woo-oddlextonded-custom product Extended Custom Product areas We also created few ready templates, which you import with one click. Table of Contents 1 How to use Ready templates? 2, Featured Attribute area 3. HTML ready codes 3.1.1. eon block 2.2. 2. Tie icons 3.3. Hover banner shortcode How to use Ready templates? Create template as in previous step, Now, click on Folder icon. You can find there a lot of ready templates, which include also our examples below eo Icon Block in area near Button - demo (http://recart.wpsoul.com/product/charging-dock- stand-station-charger-holder-for-apple/) Info banner with popup in area near short descriotion - demo (http/recart.wpsoul.com/product/burberry- beige-cynthie-trench-dress/) This is more advanced area, because it has two areas at once. First is banner area, but also banner has button-popup module which has also another shortcode where | placed another template which has Table of sizes. 51512020 Extended Custom Product areas Important-meta-fields/) How to... httpi//rehubdocs.wpsoul.com/docs/rehub- theme/how-to/) ‘Advanced tips and customizations (htpi//rehubdocs.wpsoul.com/docs/rehub- theme/advanced-tips-and-customizations/) Step by step guides (hteps//rehubdocs.wpsoul.com/docs/rehub-theme/step-by- step-guides/) Changelog (http://rehubdocs.wpsoul.com/docs/rehub- theme/for-developers/) Useful code snippets (htcpi//rehubdocs.wpsoul.com/docs/rehub- theme/snippets/) You can find both examples and template for Table with sizes in Elementor library of ready xemplates Sometimes Ready templates don't show Blocks. Just switch to ready pages and back to Blocks. it needs some time to load all blocks Featured Attribute area You can show not only static blocks, but also dynamic blacks. For example, Featured attribute section You can also build this area via Elementor because we added special Module “Meta/Attribute But first of al, you must add attributes. Our theme has special function to use Attribute swatches (http://rehubdocs.wpsoul.com/docs/rehub- sme/shop-options-woo-edd/product-swatches- and-extended-specifications/ (image, text tags, color tags) which are the best for featured areas, ‘Once you have attributes, now, you can show them in Custom areas. ifyou want to use Elementor, create new template and use Meta/Attribute module. Choose Product in module where you have attributes, We will use this just to see how it will look on our product ‘ehubdocs. soul comidocs!rehut-tomalshop-options-woo-oddlextonded-custom-product-areas! 48 56/2020 Extended Custom Product areas page. Once you find best design, delete Product Name. You will see grey areas, but. i's ok Plugin will get Product ID when you place shortcode in custom product area and will show values from your product. Ifyou don't want to use Elementor module, you can use Shortcode to get attribute values (nttpy/rehubdoes.wpsoul.corn/docs/rehub- theme/advanced-tips-and- customizations/custom-field-attribute-getter/) Here is example of shortcode and 4 columns with icons a erase 6 caty claso~razeycoier ront6o ineneigneis*> iyper custom meta suede typentaztesputet) a efasve Me eraaye ne crave posttext-"gr ‘ehubdocs.wpsoulcomidocs!rehut-tomalshop-options-woo-oddlextonded-custom-product-areas! 51512020 Extended Custom Product reas
    21,
    lypen_ custom meta supm $500 Product Protection, Frail orders in shop x = Useful for code zone near button ‘ehubdocs. soul comidocsirehut-tomalshop-options-woo-oddlextonded-custom-product-areas! 51512020 Extended Custom Product areas, erce deliverye/aive ve. ‘rowaeplay"> ns, fase 1 oty claas-teel aiaplay"> Protectione/aiv> sreycolor">for ail orders in ahopc/aie> 2. «jae we fase a. slave 2. Tick icons Useful for cade zone near button $4.00 1 Oa v NO CREDIT CARD FEES BEST PRICE GUARANTEE \v SAVE €49 ON YOUR NEXT PURCHASE 3, | Sly clase="Zonta0" 80 2, REST 2. SAVE Hover banner shortcode ‘ehubdocs. soul comidocs!rehut-tomalshop-options-woo-oddlextonded-custom-product-areas! 18 51512020 Extended Custom Product areas = a Fillet Product bor L an Do you have any interesting example of styled blocks in product pages - send us link and we will add code in this tutorial Updated on June 25, 2019 ‘= Dynamic quick comparison (http://rehubdocs.wpsoul.com/docs/rehub- theme/shop-options-woo-edd/dynamic-quick comparison) Configuring attributes and specifications —+ {(htto:/rehubdocs.wosoul.com/c theme/shop-options. woo-edd/configuring attributes-and. speeifications/) Wpsoul © All rights are reserved. ‘ehubdocs. soul comidocsirehut-tomalshop-options-woo-oddlextonded-custom product areas!

    You might also like