Electronics is the PT004 default theme. So if you want to use this theme you only need to add pt004. See image below.

Size: px

Start display at page:

Download "Electronics is the PT004 default theme. So if you want to use this theme you only need to add pt004. See image below."

Hugo Bates
6 years ago
Views:

31/03/2017 THEME ELECTRONICS Pagayo Manuals Pagayo Manuals THEME ELECTRONICS Electronics is the PT004 default theme. So if you want to use this theme you only need to add pt004. See image below.

1 31/03/2017 THEME ELECTRONICS Pagayo Manuals Pagayo Manuals THEME ELECTRONICS Electronics is the PT004 default theme. So if you want to use this theme you only need to add pt004. See image below. When you want to use the electronics theme as your theme you can do this by setting the settings in System > Con guration > Design as shown in the image below. The rest of the settings are done as the main PT004 installation. 1/1

31/03/2017 Basic Homepage Pagayo Manuals Pagayo Manuals BASIC HOMEPAGE Go to CMS > Pages > home (select home as URL Key), here you will need to add the following data. It is up to you to use it.

2 31/03/2017 Basic Homepage Pagayo Manuals Pagayo Manuals BASIC HOMEPAGE Go to CMS > Pages > home (select home as URL Key), here you will need to add the following data. It is up to you to use it. This is just sample data. If you want your store to look exactly like our demo shop, you need to add it. Under Content > Content box: {{block type='core/template' template='page/html/comparehome.phtml'}} <div class="slideshow-container"> <ul class="slideshow"> <li><a href="{{config path="web/secure/base_url"}}#"><img alt="an eye for detail - Click to Shop Eye Wear" src="{{media url="wysiwyg/pagayo/pt004/pt004-home-slider1.jpg"}}" /></a></li> <li><a href="{{config path="web/secure/base_url"}}#"><img alt="style solutions - covet-worthy styles in travel-friendly fabrics - Click to Shop Woman" src="{{media url="wysiwyg/pagayo/pt004/pt004-home-slider2.jpg"}}" /></a></li> <li><a href="{{config path="web/secure/base_url"}}#"><img alt="wing man - hit the runway in stylish separates and casuals - Click to Shop Man" src=" {{media url="wysiwyg/pagayo/pt004/pt004-home-slider3.jpg"}}" /></a></li> </ul> <div class="slideshow-pager"> </div> <span class="slideshow-prev"> </span> <span class="slideshownext"> </span></div> </div> <div class="home-row-right"> <img src="{{media url="wysiwyg/pagayo/pt004/pt004-home-topbox.jpg"}}" 1/6

3 31/03/2017 Basic Homepage Pagayo Manuals alt="" /> </div> <div class="home-row-2"> <div class="homebox1"><a href="#"><img alt="" src="{{media url="wysiwyg/pagayo/pt004/pt004-home-box1.jpg"}}" /></a></div> <div class="homebox2"><a href="#"><img alt="" src="{{media url="wysiwyg/pagayo/pt004/pt004-home-box2.jpg"}}" /></a></div> <div class="homebox3"><a href="#"><img alt="" src="{{media url="wysiwyg/pagayo/pt004/pt004-home-box3.jpg"}}" /></a></div> </div> <div class="home-row-3"> <h3>our Featured Products</h3> {{block type="catalog/product_list" category_id="3" template="catalog/product/pagayo/column_list.phtml"}} {{block type='core/template' template='pagayo/carousel/home_carousel.phtml'}} <h3>new in Store</h3> {{widget type="catalog/product_widget_new" display_type="all_products" products_count="5" template="catalog/product/widget/new/content/pagayo/product_column.phtml"} } </div> <div class="home-seo-text">{{widget type="cms/widget_block" template="cms/widget/static_block/default.phtml" block_id="35"}}</div> 2/6

4 31/03/2017 Basic Homepage Pagayo Manuals Under Design > Page Layout: Select 1 column from the Layout Dropdown Changing the number of columns. You can change the number of products on your homepage. Please go to System > Con guration > PT004 > Manage content 3/6

$Changing or adding your featured products category {{block type="catalog/product_list" category_id="3" template="catalog/product/pagayo/column_list.$ phtml"}} From Magento 1.9.2.

5 31/03/2017 Basic Homepage Pagayo Manuals This will give you 3, 4, 5 or 6 products in a grid on the homepage and in your categories. Changing or adding your featured products category {{block type="catalog/product_list" category_id="3" template="catalog/product/pagayo/column_list.phtml"}} From Magento you have to also do these settings; System > Permissions > Blocks Add New Block Block Name: catalog/product_list Is Allowed : Yes Go to Catalog > Manage Categories and add a category. Make it Is Active No. Now use the ID (in the image 9) and replace it with the 3 in the home content code. The red part of the code. 4/6

${{widget type="catalog/product_widget_new" display_type="all_products" products_count="5"$

6 31/03/2017 Basic Homepage Pagayo Manuals New in Store This part is a Magento widget you can replace it with what ever you want. This is a basic Magento widget, you will have to set your column number here. {{widget type="catalog/product_widget_new" display_type="all_products" products_count="5" template="catalog/product/widget/new/content/pagayo/product_column.phtml"} } 5/6

31/03/2017 Magento User Manual Pagayo Manuals Pagayo Manuals MAGENTO USER MANUAL RTL If you like to use right to left writing you can set it here. Display top block Yes will show this block.

7 31/03/2017 Magento User Manual Pagayo Manuals Pagayo Manuals MAGENTO USER MANUAL RTL If you like to use right to left writing you can set it here. Display top block Yes will show this block. No will disable this block When you are using multi language and/or currency it is best to not disable this block. The switches will not be shown if you do. The top blocks Here you can add your own text, function or images. You can use html. 1/5

For example in the demo shop the USA ag is called pt004.

8 31/03/2017 Magento User Manual Pagayo Manuals Show country dropdown or ags To add your own ags and names or other switch images you need to give the images your store view codes. For example in the demo shop the USA ag is called pt004.png and the Chinese ag is called pt004chinese.png. See image below. Manage menu 2/5

Footer Go to CMS > Static Blocks All this themes blocks start with pt004.

9 31/03/2017 Magento User Manual Pagayo Manuals Here you can add and remove main menu items. You can also add and remove Font Awesome icons. Footer Go to CMS > Static Blocks All this themes blocks start with pt004. For these footer items you need to change; pt004-footer-social pt004-footer-box1 pt004-footer-box2 pt004-footer-box3 pt004-footer-box4 Sale, new and featured corner banners 3/5

best to use the.psd or.afdesign les that come with this theme. But you can create your own. Size is 80 x 81.

10 31/03/2017 Magento User Manual Pagayo Manuals Go to CMS > Static Blocks All this themes blocks start with pt004. For these banners you need to change; pt004-sale-label pt004-new-product-label pt004-featured-product-label To make your own labels ect, it would be best to use the.psd or.afdesign les that come with this theme. But you can create your own. Size is 80 x 81. Shipping banner in the cart Go to CMS > Static Blocks All this themes blocks start with pt004. For these shipping banner you need to change; pt004-cart-shipping-banner The contact page 4/5

11 31/03/2017 Magento User Manual Pagayo Manuals Go to CMS > Static Blocks All this themes blocks start with pt004. For the contact page you need to change; pt004-contact-static-block pt004-maps-static-block In the maps block you only add the URL. For example; pb=!1m18!1m12!1m3!1d !2d !3d !2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c78fdbe138d611%3 A0x6212cca55e0b4a52!2sSpalstraat%2C+7255+Hengelo!5e0!3m2!1sen!2snl!4v /5

12 31/03/2017 Magento background colors and images Pagayo Manuals Pagayo Manuals MAGENTO BACKGROUND COLORS AND IMAGES You can very simple change the background colors and/or add background images to the Magento PT004 default theme. You need PT004 version or newer for this feature. You can download/update it in your account. For most blocks you have 3 options. 1. Use the default theme settings 2. Add your own colors 3. Add your own images These 3 options can be used in more than 1 location as I will explain below. First you go to System > Con guration > Pagayo > PT /4

13 31/03/2017 Magento background colors and images Pagayo Manuals So what can be changed with what? 2/4

14 31/03/2017 Magento background colors and images Pagayo Manuals 3/4

columns you like. You can add 3,4,5 or 6.

15 31/03/2017 Magento Category Design Pagayo Manuals Pagayo Manuals MAGENTO CATEGORY DESIGN Number of columns in Catalog Grid Admin view Frontend view Here you can add the number of columns you like. You can add 3,4,5 or 6. Catalog Grid and Homepage Grid Design Below you see the grid designs you can choose from. 1/4

16 31/03/2017 Magento Category Design Pagayo Manuals design1 design2 2/4

17 31/03/2017 Magento Category Design Pagayo Manuals design3 3/4

18 31/03/2017 Magento Category Design Pagayo Manuals Description above or below the product You can choose if you want the category description above or below the products. 4/4

19 31/03/2017 Magento Static Blocks Pagayo Manuals Pagayo Manuals MAGENTO STATIC BLOCKS Static blocks are installed during installation. But if you deleted one and need the original code, here it is; pt004-home-carousel <div class="carousel-title"> PT004 brand carousel </div> <div id="owl-demo"> url="wysiwyg/pagayo/pt004/banner1.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner2.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner3.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner4.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner5.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner6.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner7.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner8.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner1.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner2.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner3.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner4.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner5.png"}}" alt="" /></div> 1/6

20 31/03/2017 Magento Static Blocks Pagayo Manuals url="wysiwyg/pagayo/pt004/banner6.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner7.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner8.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner6.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner7.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner8.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner1.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner2.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner3.png"}}" alt="" /></div> url="wysiwyg/pagayo/pt004/banner4.png"}}" alt="" /></div> </div> pt004-footer-social <ul> <li><a title="twitter" href=" alt="twitter" src="{{media url="wysiwyg/pagayo/pt004/icon-social-twitter.png"}}" /></a> </li> <li><a title="youtube" href=" alt="youtube" src="{{media url="wysiwyg/pagayo/pt004/icon-social-youtube.png"}}" /></a> </li> <li><a title="linkedin" href=" alt="linkedin" src="{{media url="wysiwyg/pagayo/pt004/icon-socialpinterest.png"}}" /></a></li> <li><a title="facebook FraVin" href=" title="facebook" alt="" src="{{media url="wysiwyg/pagayo/pt004/iconsocial-facebook.png"}}" /></a></li> </ul> pt004-footer-box1 2/6

21 31/03/2017 Magento Static Blocks Pagayo Manuals <h6>about us</h6> <p>lorem ipsum dolor sit amet, consectetur</p> <p><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum leo et tortor consequat, nec pharetr</p> <p><br />Lorem ipsum dolor sit amet, consectetur<br /><br />Telefoon: <br />Lorem ipsum: <a title="vragen? Mail ons" <p><img src="{{media url="wysiwyg/pagayo/pt004/paypal.png"}}" alt="" /> </p> pt004-footer-box2 <h6>popular Sites</h6> <ul> <li><a href=" class="fa fa-external-link fa-fw"> </i> Pagayo</a></li> <li><a href=" class="fa fa-external-link fa-fw"> </i> PayPal</a></li> <li><a href=" class="fa fa-external-link fafw"></i> Magento</a></li> <li><a href=" class="fa fa-external-link fa-fw"> </i> cpanel</a></li> <li><a href=" afcode=82c12c39d59354fafcadfcba935af5ec"><i class="fa fa-external-link fafw"></i> SiteGround</a></li> <li><a href=" class="fa fa-external-link fa-fw"></i> Designed by Freepik</a></li> <li><a href=" class="fa faexternal-link fa-fw"></i> ThemeForest</a></li> </ul> pt004-footer-box3 <h6>customer SERVICE</h6> <ul> <li><a href="#"><i class="fa fa-envelope"></i> Contact</a></li> <li><a title="terms and Conditions" href="#"><i class="fa fa-pencil"></i> Terms and Conditions</a></li> <li><a href="#"><i class="fa fa-shield"></i> Disclaimer</a></li> 3/6

22 31/03/2017 Magento Static Blocks Pagayo Manuals <li><a href="#"><i class="fa fa-gavel"></i> Privacy</a></li> <li><a href="#"><i class="fa fa-shield"></i> Legal Stuff</a></li> <li><a href="#" target="_self"><i class="fa fa-user"></i> Customer Care</a></li> <li><a href="#"><i class="fa fa-users"></i> Our People</a></li> <li><a href="#"><i class="fa fa-globe"></i> Our Way of Life</a></li> <li><a href="#"><i class="fa fa-link"></i> Links</a></li> </ul> pt004-footer-box4 <h6><i class="fa fa-pencil-square-o fa-lg"></i> BLOG</h6> {{widget type="blog/last" blocks_count="5" categories="1"}} pt004-sale-label <img src="{{media url="wysiwyg/pagayo/pt004/sale-banner.png"}}" alt="" /> pt004-new-product-label <img src="{{media url="wysiwyg/pagayo/pt004/new-banner.png"}}" alt="" /> pt004-featured-product-label <img src="{{media url="wysiwyg/pagayo/pt004/featured-banner.png"}}" alt="" /> pt004-cart-shipping-banner <img src="{{media url="wysiwyg/pagayo/pt004/free-shipping-banner.jpg"}}" alt="" /> pt004-contact-static-block 4/6

23 31/03/2017 Magento Static Blocks Pagayo Manuals <p>we d love to hear from you please feel free to get in touch with comments, questions and suggestions about our work or about this website. You can contact most staff members directly by going to the <a class="person" href=" section, or for:</p> <p> </p> <dl><dd><strong>general enquirie</strong>s</dd><dd>t +1 (0) </dd><dd><a href="mailto:info@pagento.com">info@pagento.com</a> <br /><strong> </strong></dd><dd><strong><br />Media enquiries</strong><br />Sophie Gaston - Press and Communications Manager</dd><dd><a href="mailto:info@pagento.com">info@pagento.com</a> </dd><dd>t +1 (0) </dd><dd></dd><dd><strong><br />Event enquiries</strong><br />Megan Poole - Events Manager<br /><a href="mailto:info@pagento.com">info@pagento.com </a><br />T +1 (0) </dd></dl><dl><dd></dd><dd></dd></dl> pt004-maps-static-block pb=!1m18!1m12!1m3!1d !2d !3d !2m3!1f0!2f0!3f0!3m2!1i1024! 2i768!4f13.1!3m3!1m2!1s0x47c78fdbe138d611%3A0x6212cca55e0b4a52!2sSpalstra at%2c+7255+hengelo!5e0!3m2!1sen!2snl!4v pt004-home-seo-text <h2>lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2> <p>sed varius congue cursus. Praesent id finibus sem, a scelerisque libero. Fusce euismod, ex vel dapibus ullamcorper, felis purus posuere nisi, ac venenatis odio tellus vitae ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc ante augue, bibendum at mattis in, lobortis eget ex.</p> <p><em>nulla laoreet non est eu euismod. Proin sed dictum leo. Maecenas fringilla enim in pretium gravida. Pellentesque cursus leo eu velit semper condimentum. Quisque ante ante, placerat a finibus non, sagittis id turpis. Morbi ut quam nec felis ultrices malesuada ac eu justo. Nullam quam ante, tempus vitae convallis vitae, rutrum sit amet lectus. Phasellus eu porta elit. </em></p> <ul> <li>pellentesque venenatis felis at urna congue, id lobortis lorem 5/6

24 31/03/2017 Magento Static Blocks Pagayo Manuals vestibulum.</li> <li>pellentesque dui massa, blandit a ipsum imperdiet, blandit imperdiet mi.</li> <li>nam sed sem non sapien laoreet suscipit ultricies nec mi.</li> </ul> 6/6

25 31/03/2017 Magento Customization Pagayo Manuals Pagayo Manuals MAGENTO CUSTOMIZATION When you want to customize my PT004 theme please read this page. CSS customization When you want to make your own changes. Make sure you do not change the default theme les. If you do they will be overwritten when you update the theme. Below you can see how to make your changes in css. You should use the sample-pt004-custom.css le, as you can see below and rename it to pt004-custom.css than add your changes in this le. Create your own sub theme When you want to create your own sub theme you can do that. You should add the theme to Magento as shown below. 1/3

26 31/03/2017 Magento Customization Pagayo Manuals You should name your sub theme the same on your server. 2/3

27 31/03/2017 Magento Customization Pagayo Manuals 3/3

BOOTSTRAP AFFIX PLUGIN

BOOTSTRAP AFFIX PLUGIN http://www.tutorialspoint.com/bootstrap/bootstrap_affix_plugin.htm Copyright tutorialspoint.com The affix plugin allows a to become affixed to a location on the page. You can