X hide

Private Sales Fashion Red Magento Mobile Theme v2.x Configuration

From Plumrocket Documentation

Contents

Theme Settings

Here you will find Private Sales Fashion Red Magento Mobile 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_fashion_red_theme/mobile/images



CSS

CSS files are stored at this address:

 /web/skin/frontend/private_sales_fashion_red_theme/mobile/css/iphone.css
 /web/skin/frontend/private_sales_fashion_red_theme/mobile/css/privatesales.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_fashion_red_theme/default/css/plumrocket/popuplogin/popup.css



Templates

Theme templates are stored at this address:

 /web/app/design/frontend/private_sales_fashion_red_theme/mobile/template/



Java Scripts

Java Scripts are located at this address:

 /web/skin/frontend/private_sales_fashion_red_theme/mobile/js/plumrocket/

Mobile view mode

In order to enable switching from "Private Sales Fashion Red" to "Private Sales Fashion Red Mobile" you should follow the instructions described below. You must add the following link in the desired place of the mobile theme template:

<a href="?___viewmode=desktop" title="Go to Desktop version"><span>Go to Desktop version</span></a>

You will also have to insert the following link in the desired place of the desktop theme template:

<a href="?___viewmode=mobile" title="Go to Mobile version"><span>Go to Mobile version</span></a>

When switching to desktop the desktop theme will be displayed irrespective of the device a user used to enter the site; when switching to default the mobile theme will be displayed on mobile devices and desktop version will be displayed on other devices.

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:

 web/skin/frontend/private_sales_fashion_red_theme/mobile/images/plumrocket/privatesales/splashlogo.png

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

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

 your_magento_install_directory/skin/frontend/private_sales_fashion_red_theme/mobile/images/logomain.png

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

Recommended Image Sizes

Below you will find recommended image sizes that are used in the mobile theme.

  • The recommended size of the boutique image to be used in the mobile theme is 290px*290px. Note, the size itself can be different but you should keep the aspect ratio of 1:1.
  • The Ending/Coming Soon Image: The recommended image size is 290px*290px too. If you decide to use another size, be sure to keep the aspect ratio of 1:1.
  • Banner size in the mobile theme should be 608px high and 292px wide.
  • The long bottom banner size in the mobile theme should be 580px wide and 97px high.

The screenshot below represents a mobile theme with all recommended image sizes used as an example.


Private-Sales-Fashion-Red-Magento-Theme-Images-Sizes-1.png

Boutique Page

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

Additional Event Field at Fashion Red Mobile Magento Theme

Description.png Detailed description:
  1. Select the boutique you need from the categories list on the left.
  2. Select the tabGeneral Information.
  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 (if there is no image selected in the field "Mobile Image").
  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 Coming Soon.
  5. Press "Browse..." next to the field "Mobile Image", in order to choose the image that will be displayed to represent the boutique on the homepage or in the section Ending Soon.
  6. Press the button "Save Category" in order to save the changes.


Theme-Settings-Fashion-Red-Mobile-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-Fashion-Red-Mobile-CMS-1.png


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


Theme-Settings-Fashion-Red-Mobile-CMS-2.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-Fashion-Red-Mobile-CMS-3.png


Description.png Detailed description:
  1. In order to change the "Returns" tab, that is located on the product page, edit the static block called "shipping_and_returns_tab".


Theme-Settings-Fashion-Red-Mobile-CMS-4.png


Description.png Detailed description:
  1. In order to change this banner, edit the static block called"Mobile Version Banners".
  2. In order to change the bottom banner, edit the static block called"Mobile Version Bottom Banner".
  3. In order to change the footer, edit the static block called "Mobile Version Footer Links".


Theme-Settings-Fashion-Red-Mobile-CMS-5.png


How to enable Customer Reviews for Fashion Red Magento Mobile 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.


Mobile Red Theme Enable Customer Reviews3.png


Enabling Search on Fashion Red Magento Mobile Theme

In order to activate search for this mobile 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. Click on the search icon.


Enable Search theme red mobile theme2.png


Description.png Detailed description:
  1. You can use this field for search.


Enable Search theme red mobile theme3.png


Navigation