X hide

Private Sales Ocean Blue Magento Theme v2.x Configuration: Theme Settings

From Plumrocket Documentation

Contents

Theme Settings

Here you will find Private Sales Ocean Blue Magento Theme, configuration tips, that will help you configure the theme according to your needs

This magento private sales theme requires Plumrocket Private Sales Magento Extension and Plumrocket Special Settings Magento Extension. However in order to get the most out of this magento theme it is recommended to install the full solution - Magento Private Sales Script.

The location of key theme files

Images

The images that are used in this theme are stored at the server at this address::

 /web/skin/frontend/private_sales_ocean_blue_theme/default/images



CSS

CSS files are stored at this address:

 /web/skin/frontend/private_sales_ocean_blue_theme/default/css/style.css
 /web/skin/frontend/private_sales_ocean_blue_theme/default/css/style-ie8.css
 /web/skin/frontend/private_sales_ocean_blue_theme/default/css/style-ie.css

The rest of Plumrocket Extensions create their own folders for CSS files. For instance, the Popup Login CSS files are located at this address:

 /web/skin/frontend/private_sales_ocean_blue_theme/default/css/plumrocket/popuplogin/popup.css



Templates

Theme templates are stored at this address:

 /web/app/design/frontend/private_sales_ocean_blue_theme/default/template/



Java Scripts

Java Scripts are located at this address:

 /web/skin/frontend/private_sales_ocean_blue_theme/default/js/plumrocket/

How to change a logo on the Splash Page

The logo that is displayed on the splash page is located at the server at this address:

 /skin/frontend/private_sales_ocean_blue_theme/default/images/plumrocket/privatesales/splashlogo.png

In order to change a logo you will have to change the file "splashlogo.png"

Changing Logo on a Site page

The directory structure is the same on a local install as it is on a web server:

 your_magento_install_directory/skin/frontend/default/default/images

You’ll need to connect to your site via FTP and upload your own logo to theme images folder. After you upload the logo you will have to confirm the chosen image as a store logo. In order to do this, go to Admin Panel > Configuration and follow the instructions described below:


Description.png Detailed description:
  1. Open the "Design" tab.
  2. Option "Logo Image Src": allows you to choose the file name of your logo (Be sure to keep the format images/file_name.file_extenstion) and save the changes.

Theme-Settings-Fashion-Red-Logo-1.png


Changing the Email Logo

Go to Admin panel, select System > Configuration and follow the instructions given below:

Description.png Detailed description:
  1. In the Configuration panel on the left click on "Design".
  2. Select the tab "Transactional Emails".
  3. Click on the "Browse" button and select the Logo Image from your computer.
  4. Press the "Save Config" button.


Theme-Settings-Fashion-Red-Logo-2.png


How to change default Logo for Magento PDF Invoices & Print Outs

Go to Admin panel, select System > Configuration and follow the instructions given below

Description.png Detailed description:
  1. Move to "Sales".
  2. Select the tab "Invoice and Packing Slip Design".
  3. Option "Logo for PDF Print-outs (200x50)": upload your own logo. It seems that the logo extension has to be *.jpg. And your logo should be 200 x 50 px, otherwise the pdf generator would scale whatever image you give it to 200 x 50 px.
  4. Option "Logo for HTML Print View": upload your own logo for HTML Print View.
  5. Press the "Save Config" button.


Theme-Settings-Fashion-Red-Logo-3.png

Boutique Page

For more information on how to create a boutique, move to Creating first boutique.

Create Featured Event

The screenshot below shows how top boutique is configured for the Private Sales Ocean Blue Magento Theme. In order to access the configuration page, go to Admin panel, select Catalog > Manage Categoriesand follow the instructions given below:


Description.png Detailed description:
  1. Select the boutique that will be displayed as a top boutique above the home page.
  2. Select the tab "Theme Settings".
  3. Option "Is Top Boutique": select "Yes" for the boutique to be displayed above the home page.
  4. Option "Top Boutique Title": enter the text that will be displayed next to the boutique title.
  5. Option "Top Boutique Image": select the image to represent the top boutique. (Recommended image sizes are described here Recommended Image Sizes.)
  6. Press the "Save Category" button in order to save the changes.


Theme-Settings-Ocean-Blue-Top-Boutique.png

Additional Event Field at Ocean Blue Magento Theme

Description.png Detailed description:
  1. Select the boutique you need form the list on the left.
  2. Select the General Information tab.
  3. Press "Browse..." next to the field "Image", in order to choose the image that will be displayed to represent the boutique on the homepage.
  4. Press "Browse..." next to the field "Ending/Coming Soon Image", in order to choose the image that will be displayed to represent the boutique belonging to the section Ending or Coming Soon. (Recommended image sizes are described here Recommended Image Sizes.)
  5. Press the "Save Category" button in order to save the changes.


Theme-Settings-Ocean-Blue-Additional-Field.png

Editing Static Blocks and Theme Elements

In order to see the list of static blocks move to admin panel and follow the instructions below:

Description.png Detailed description:
  1. Press "CMS".
  2. Select "Static Blocks" from the menu.


Theme-Settings-Fashion-Red-CMS.png


The screenshots below show what static blocks and theme elements look like in the front-end, as well as ways to edit and configure them.


Description.png Detailed description:
  1. In order to change the Terms of Services on Splash page, edit the static block called "Terms of Services - Splash page".


Theme-Settings-Ocean-Blue-CMS-3.png


Description.png Detailed description:
  1. In order to change the boutique expiration notification text, edit the static block called "This boutique expired"..
  2. In order the change the social media buttons, you will have to open the file that is stored at this address:
 /web/app/design/frontend/private_sales_ocean_blue_theme/default/template/privatesales/catalog/category/view.phtml

and edit this code:

<p><?php echo $this->__('SHARE SALE &amp; EARN:');?> </p>
 <div class="addthis_toolbox addthis_default_style"
 <?php echo Mage::helper('privatesales/list')->getSocialLinkFromRelative($socialUrl);?>>
 <a class="addthis_button_email"><img src="<?php echo $this->getSkinUrl('images/letter31.png');?>"
 width="31" height="31" style="border:none" /></a>
 <a class="addthis_button_facebook"><img src="<?php echo $this->getSkinUrl('images/facebook31.png');?>"
 width="31" height="31" style="border:none" /></a>
 <a class="addthis_button_twitter"><img src="<?php echo $this->getSkinUrl('images/twitter31.png');?>" 
width="31" height="31" style="border:none" /></a> 
 <a class="addthis_button_google_plusone_share"><img src="<?php echo $this->getSkinUrl('images/google31.png');?>"
 width="31" height="31" style="border:none" /></a> 
 <a class="addthis_button_pinterest_share"><img src="<?php echo $this->getSkinUrl('images/pinterest31.png');?>" 
width="31" height="31" style="border:none" /></a>
 <div class="atclear"></div>
</div>


Theme-Settings-Ocean-Blue-CMS-8.png


Description.png Detailed description:
  1. In order to change the boutique expiration notification text on popup form, edit the static block called "This boutique expired popup".


Theme-Settings-Ocean-Blue-CMS-9.png


Description.png Detailed description:
  1. In oder to edit change the text below the logo image, edit the static block called "Header Message".
  2. In order the change the social media buttons, you will have to open the file that is stored at this address:
 /web/app/design/frontend/private_sales_ocean_blue_theme/default/template/privatesales/catalog/product/view.phtml

and edit this code:

<p><?php echo $this->__('SHARE SALE &amp; EARN:');?> </p>
 <div class="addthis_toolbox addthis_default_style" 
<?php echo Mage::helper('privatesales/list')->getSocialLinkFromRelative($this->getBack());?>>
 <a class="addthis_button_email"><img src="<?php echo $this->getSkinUrl('images/letter31.png');?>" 
width="31" height="31" style="border:none" /></a>
 <a class="addthis_button_facebook"><img src="<?php echo $this->getSkinUrl('images/facebook31.png');?>"
width="31" height="31" style="border:none" /></a>
 <a class="addthis_button_twitter"><img src="<?php echo $this->getSkinUrl('images/twitter31.png');?>"
 width="31" height="31" style="border:none" /></a> 
 <a class="addthis_button_google_plusone_share"><img src="<?php echo $this->getSkinUrl('images/google31.png');?>" 
width="31" height="31" style="border:none" /></a> 
 <a class="addthis_button_pinterest_share"><img src="<?php echo $this->getSkinUrl('images/pinterest31.png');?>" 
width="31" height="31" style="border:none" /></a>
 <div class="atclear"></div>
 </div>

     3.  In order to change the "Returns" tab, that is located on a product page, edit the static block called "shipping_and_returns_tab".


Theme-Settings-Ocean-Blue-CMS-7.png


Description.png Detailed description:
  1. In order to change the Account Information, edit the static block called "Account Dashboard - Account Information".
  2. In order to change the Address Book, edit the static block called "Account Dashboard - Address Book".
  3. In order to change the My Orders, edit the static block called "Account Dashboard - My Orders".
  4. In order to change the Email alerts, edit the static block called "Account Dashboard - Email alerts".
  5. In order to change the Reward Credits, edit the static block called "Account Dashboard - Reward Credits".
  6. In order to change the Invite Friends, edit the static block called "Account Dashboard - Invite Friends".
  7. In order to change the Help block, edit the static block called "Account - Help Desk Block".
  8. In order to change this block, you will have to open the file that is located at this address:
 /web/app/design/frontend/private_sales_ocean_blue_theme/default/template/customer/account/helpDesk.phtml

and edit this code:

<div class="faqContactBlock"><a href="<?php echo $this->getUrl('faq') ?>" class="sprite-ps2 livechat" title="faq"> faq</a>
 <a href="<?php echo $this->getUrl('contacts') ?>" class="sprite-ps2 number" title="contact us">contact us</a>
 </div>


Theme-Settings-Ocean-Blue-CMS-Account-page.png


Description.png Detailed description:
  1. This block can be changed if you edit the static block called "Contact page text".
  2. In order to change this block, you will have to open the file that is located at this address:
 /web/app/design/frontend/private_sales_ocean_blue_theme/default/template/contacts/form.phtml

and edit the following text there:

<p>Please contact us via the form below or at <a href="mailto:support@plumrocket.com">support@plumrocket.com</a>
with any questions or requests for information. We will respond within 24 hours. </p>


Theme-Settings-Ocean-Blue-CMS-4.png


Description.png Detailed description:
  1. In oder to edit these banners, edit the static block called "bottom_banner".
  2. In order to change the bottom banner, edit the static block called "bottom_banner_long".
  3. In order to change footer links, edit the static block called "Footer Links".


Theme-Settings-Ocean-Blue-CMS-5.png

Adding Pagination on Product List

In order to add pagination to the Product List, please follow the step-by-step instructions below:


Description.png Detailed description:
  1. In the Backend go to System > Configuration, click on "Catalog" tab in the right-hand side menu
  2. Input the needed values into the "Products per Page on Grid Allowed Values" field
  3. Click on the "Save Config" button


Magento Plumrocket Pagination.png


Description.png Detailed description:
  1. The pagination will appear on the Product List


Magento Plumrocket Pagination Frontend Ocean Blue.png


How to enable Customer Reviews for Ocean Blue Magento Theme

In order to activate customer reviews for your theme, please follow the steps below:


Information Sign sm.png Step-by-Step action:
  1. In your Magento backend choose "System" tab.
  2. Click on "Configuration" tab.
  3. In the menu on the left select "Advanced".
  4. In the list of multiple options please find "Mage_Review".
  5. Activate this option be clicking "Enable".
  6. Press "Save Config" button.


Theme Enable Customer Reviews1.png


Clear Magento Cache

After these steps are completed - don't forget to clear Magento cache. To do this, follow the instructions below:


Information Sign sm.png Step-by-Step action:
  1. Go to the Admin Panel >> System.
  2. Click on Cache Management.


Clear-cache-wide.png


Information Sign sm.png Step-by-Step action:
  1. Press the “Flush Magento Cache” button.


Flush Magento Cache.png


Sign-out and Sign-in back to Admin Panel. After you have successfully cleared the cache, Reviews and Ratings options will become available in your Magento backend:


Information Sign sm.png Step-by-Step action:
  1. Click on "Catalog" tab.
  2. Roll over to "Reviews and Ratings" menu.


Theme Enable Customer Reviews2.png


Note: After your customers submit their reviews, these reviews will be available for moderation in "All Reviews" tab.


In order to see the appearance of Customer Reviews on your frontend - please follow these steps:


Information Sign sm.png Step-by-Step action:
  1. Login to your store as a customer.
  2. Go to any available product's page.
  3. On the product page locate the "Be the first to review this product" section.
  4. Customer review form will be available for submitting.


Blue Theme Enable Customer Reviews3.png


Enabling Search on Ocean Blue Magento Theme

In order to activate search for this theme, please follow the steps below:


Description.png Detailed description:
  1. Login to your Magento admin panel.
  2. Select "System" tab.
  3. Click on "Configuration" option.
  4. Select "Catalog" option from left hand side menu.
  5. Press on "Catalog Search" tab. Other search options are available there for your convenience.
  6. Change option "Enabled" to "Yes".
  7. Press "Save Config" button to save your changes.


Enable Search theme1.png


Now go to your Magento frontend, there you can check the search tab as shown below.


Description.png Detailed description:
  1. You can start your search by using this field.


Enable Search blue theme2.png



Navigation